webpack自动化构建脚本指令npm run dev/build
指令
为不同环境配置可执行指令,我们使用npm scripts
方式,在package.json
文件中配置执行指令:
{ "scripts": { "start": "cross-env NODE_ENV=dev webpack-dev-server", "build": "cross-env NODE_ENV=production webpack" } }
start
:开发环境运行指令,使用cross-env
三方库设置process.env.NODE_ENV
为dev
,并在本地开启webpack开放服务器,方便开放;build
:生产环境运行指令,使用cross-env
三方库设置process.env.NODE_ENV
为production
,将打包输出代码和资源文件;
start
和npm run build
指令即可分别执行开发和生产构建打包了。