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包;
完毕~
欢迎关注我的微信公众号:
【幕桥社区】