gulpfile.js gulp升级后gulpfile.js的变化 gulp执行shell
2021/8/15 7:37:02
本文主要是介绍gulpfile.js gulp升级后gulpfile.js的变化 gulp执行shell,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
框架升级,gulp也从3.9升到4.0。还是有一些变化的。具体如下:
3.9版:
var gulp = require('gulp'); const del = require('del'); const fs = require('fs-extra'); const path = require('path'); const shell = require('gulp-shell'); gulp.task('del-build', function() { return del('./build/dist/*', { force: true }); }); gulp.task('add-packagejson', ['del-build'], function() { return (function() { const packageJson = path.join(__dirname, './package.json'); const assetsURL = path.join(__dirname, './src/assets'); const distFolder = path.join(__dirname, './build/dist'); const packageConfig = fs.readJsonSync(packageJson); fs.outputJson(distFolder + '/package.json', packageConfig); fs.copySync(assetsURL, distFolder + '/assets'); // 拷贝静态文件到编译目录 })(); }); gulp.task('build', ['add-packagejson'], shell.task(['yarn run tsc']));4.0版:
var gulp = require('gulp'); const del = require('del'); const fs = require('fs-extra'); const path = require('path'); const shell = require('gulp-shell'); gulp.task('del-build', gulp.series( function() { return del('./build/dist/*', { force: true }); })); gulp.task('add-packagejson', gulp.series(['del-build'],shell.task(['yarn run tsc']),function(done) { // gulp 4.0 需要用 gulp.series(),和done()结束。例如 gulp.series()('[del'],...,function(done)) return (function() { const packageJson = path.join(__dirname, './package.json'); const assetsURL = path.join(__dirname, './src/assets'); const distFolder = path.join(__dirname, './build/dist'); const packageConfig = fs.readJsonSync(packageJson); fs.outputJson(distFolder + '/package.json', packageConfig); console.log('拷贝静态文件到编译目录'); fs.copySync(assetsURL, distFolder + '/assets'); done(); })(); })); gulp.task('build',gulp.series(['add-packagejson']));
这篇关于gulpfile.js gulp升级后gulpfile.js的变化 gulp执行shell的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践
- 2024-09-27Vue3公共组件教程:新手入门指南
- 2024-09-27Vue3教程:初学者快速入门指南