gulp打包

原创 controlling 随笔 gulp打包 132阅读 2019-02-01 16:53:44 举报

最近重新整理了一份gulp打包配置,主要配置了以下功能:

  1. html压缩
  2. scss、sass转css、css样式前缀、css压缩
  3. js的es6转es5、js压缩
  4. 图片压缩
  5. 资源文件版本号管理
  6. 生成压缩包.zip或.rar
  7. 浏览器中网页自动重载

目前gulp最新版本为4.0.0,与之前版本有较大改动,添加了series、parallel等方法。

准备工作:

$ npm install -g gulp
$ gulp -v
CLI version 2.0.1
Local version 4.0.0

一个非常简单的项目结构:

package.json文件($ npm init

注:如遇gulp-babel报错,是版本不匹配问题,使用6.x.x版本。

[16:46:05] Starting 'jsTask'...
[16:46:05] Plumber found unhandled error:
Error in plugin "gulp-babel"
Message:
Plugin/Preset files are not allowed to export objects, only functions. In D:\workspaces\h5\node_modules\babel-preset-es2015\lib\index.js
[16:46:05] Finished 'jsTask' after 19 ms

gulpfile.js文件

下载依赖
$ npm install
开发调试
$ gulp
生成压缩包文件
$ gulp build

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复