【Grunt】Grunt打包流程

来源：互联网发布：用java求1到100的质数编辑：程序博客网时间：2024/04/30 09:50

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) taskCreated 403 directories, copied 692 filesRunning "useminPrepare:html" (useminPrepare) taskConfiguration changed for concat, uglify, cssminRunning "concat:generated" (concat) taskFile .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 kBRunning "uglify:generated" (uglify) taskRunning "usemin:html" (usemin) taskReplaced 1 reference to assetsRunning "clean:tmp" (clean) task>> 1 path cleaned.Done, without errors.Process finished with exit code 0

这里写图片描述

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

完毕~

欢迎关注我的微信公众号：
【幕桥社区】
这里写图片描述

阅读全文

'); })();