前端自动化之项目搭建

前端自动化之项目搭建

1.先安装全局的gulp

$ npm install --global gulp

2.npm初始化，在项目内创建package.json文件

npm init

3.项目文件路径下，将gulp安装到本地项目内。

$ npm install --save gulp        //--save     需要发布到生产环境的。

$ npm install --save-dev gulp   //--save-dev  插件只用于开发环境，不用于生产环境。

将在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dependencies 对象里面去。
devDependencies  里面的插件只用于开发环境，不用于生产环境，而 dependencies  是需要发布到生产环境的。

4.创建gulp主文件==》gulpfile.js

 

5.编写gulpfile.js

测试代码：

var gulp = require('gulp');

gulp.task('default', function() {
    // 将你的默认的任务代码放在这
    console.log(111111111111111111)
});

6.gulp任务编写