gulpfile.md 873 Bytes
Newer Older
Anonymous's avatar
Anonymous committed
1

Anonymous's avatar
Anonymous committed
2 3 4
# gulpfile.js文件介绍


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