6.安心快修 - WebStorm中通过npm进行打包Vue项目操作

1.打包报错信息：

2.因为package.json文件里面没有配置build脚本,所以报以上错误！

3.解决方案：

在package.json中的scripts中添加build脚本：

{ "scripts": { "build": "cross-env NODE_ENV=production webpack --config webpack.config.js" } }

4.其他问题：

有可能出现 ‘cross-env’ 不是内部或外部命令，也不是可运行的程序 的错误
通过 npm i --save-dev cross-env 可以解决.

注释：

“cross-env”: 用来实现跨平台设置环境变量
“NODE_ENV”：用户自定义的环境变量
“webpack”: 整合打包命令
“- -config”: 用来指定配置文件
“webpack.config.js”: 配置文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定该配置文件

5.结果

执行 npm run build ，打包结果会出现在dist文件夹中，打包成功!