在当今前端技术愈加成熟的环境下,小程序的压缩瘦身,相对变得容易多了。
webpack 中一切皆模块,会默认把所有依赖进行整合并重新分配,其丰富的*配置,是一个极大的优势,但同时也是一个劣势。
相比较而言,gulp 任务规划,功能明确,配置简单,对于小程序这样的对文件归置更严格的环境下,更显得得心应手。
1. 安装 gulp
选择一个目录,安装 gulp
npm i -D gulp
创建配置文件 gulpfile.js,输入:
function defaultTask(cb) {
// task
console.log(‘hello gulp‘)
cb();
}
exports.default = defaultTask
在 package.json 中添加脚本命令 "dev": "gulp"
, 然后命令行执行 npm run dev
,就会执行默认任务,并打印 ‘ hello gulp ‘。
创建文件夹 demo,并在其中创建 test.js、common.css 等测试文件,填充基本内容。为后续操作做准备。