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_ENVdev,并在本地开启webpack开放服务器,方便开放;
  • build:生产环境运行指令,使用cross-env三方库设置process.env.NODE_ENVproduction,将打包输出代码和资源文件;
分别执行npm run start和npm run build指令即可分别执行开发和生产构建打包了。
posted @ 2017-12-18 17:06  李大白程序员  阅读(4259)  评论(0编辑  收藏  举报