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，将打包输出代码和资源文件；

分别执行npm run start和npm run build指令即可分别执行开发和生产构建打包了。