
# gulpfile.js文件介绍


 * gulpfile.js_文件
    - gulp.js 是一种基于流的，代码优于配置的新一代构建工具，我们项目中集成gulp
 - 项目中常用的`gulp`命令如下
    
   - `gulp build-dev`用于构建开发环境，此命令会将项目中的html,scss,js以及其他文件合拼压缩并复制到`www`文件夹下
    ![](/img/gulpjs-build-dev.png)
      
   - `gulp watch`用于监听项目中的文件有没有发生变化，文件发生变化后会自动覆盖`www`文件夹下的文件 **注:在window上监听html文件会出错,需要从新执行`gulp build-dev`**
    ![](/img/gulp-watch.png)
      
   - `gulp build-prod`构建正式环境环境,与`gulp build-dev`相似,区别在于加载的资源文件不同
   - `gulp clean`移除构建环境清除`www`文件夹及其它文件
      
    ![](/img/gulp-clean.png)
      

