前端项目自动化构建(npm+gulp)
前端项目自动化构建(npm+gulp)
一、https://www.npmjs.com/ npm的网站,可查包的用法.
二、https://www.gulpjs.com.cn/docs/getting-started/quick-start/ gulp的中文网址,可查最新用法
三、自动化构建步骤
1、新建一个项目的文件夹,如project。
2、在project里面建立一个子文件夹,如src,用于存放源代码。
3、在src里面建立以个css、js的文件夹以及主入口index.html的文件。
4、在根目录下创建一个package.json。用npm init --yes
5、在根目录下创建一个gulpfile.js的文件。
6、npm install --save-dev gulp 安装本地的gulp
7、最后就是在gulpfile.js的文件里面 引入自己要用的模块 然后用gulp创建任务即可。