【Grunt】Grunt打包流程

1、首先要在webstorm中配置Grunt框架：点击【Run】，选择【Edit Configurations…】

2、然后在弹出的对话框里选择绿色的加号按钮，如下图：选中Grunt牌子的野猪图标：

3、然后配置Grunt的一些命令和文件目录：这里的名字无所谓，但是命令和文件地址要正确；配置完点击Apply或者OK即可；

4、在界面的右上角找到那只绿色的野猪，然后点击绿色朝右的等腰三角形按钮：

5、如果有红色报错表示有问题，可以点击运行绿色朝右等腰三角形按钮，或者检查刚才的配置：

6、如果看到这句话：“Done, without errors.

Process finished with exit code 0”表名web端已经打包成功了~

Running "clean:angular" (clean) task
>> 1 path cleaned.

Running "copy:angular" (copy) task
Created 403 directories, copied 692 files

Running "useminPrepare:html" (useminPrepare) task
Configuration changed for concat, uglify, cssmin

Running "concat:generated" (concat) task
File .tmp\concat\css\app.min.css created.
File .tmp\concat\js\app.angular.js created.

Running "cssmin:generated" (cssmin) task
>> 1 file created. 87.73 kB → 69.26 kB

Running "uglify:generated" (uglify) task

Running "usemin:html" (usemin) task
Replaced 1 reference to assets

Running "clean:tmp" (clean) task
>> 1 path cleaned.

Done, without errors.

Process finished with exit code 0

7、可以去后台那里看到打包好的按橙色js和html文件包——target包；

完毕~

欢迎关注我的微信公众号：
【幕桥社区】