环境准备
1. 安装node.js
2. 全局安装gulp
- 说明:全局安装gulp目的是为了通过她执行gulp任务;
- 安装:命令提示符执行cnpm install gulp -g;
- 查看是否正确安装:命令提示符执行gulp -v,出现版本号即为正确安装。
3. 新建package.json文件
- 可手动新增package文件
- 也可使用命令行 npm init 新增
-
scripts:命令 npm run *** - less 启动 less 转css 命令 - min less文件转css并压缩成min.css文件
-
devDependencies:需要插件 - gulp-cssmin:css 压缩 - gulp-less:将less编译成css的gulp插件 - gulp-rename:改输出别名
4. 新建gulpfile.js
- 在less文件夹下配置gulpfile.js文件,文件建立在less文件夹的第一级