10. 执行命令

上述配置文件完成后，优化 webpack 的实时编译、打包编译指令。

通过 cross-env 配置环境变量，区分开发环境和生产环境。

安装 cross-env

npm install --save-dev cross-env

修改运行时候的package.json

{
    "scripts": {
        "dev": "cross-env NODE_ENV=development webpack serve --open --config config/webpack.dev.js",
        "build": "cross-env NODE_ENV=production webpack --config config/webpack.prod.js"
      },
}

• NODE_ENV=development : 本地开发环境的构建
• NODE_ENV=production ： 打包开发环境的构建

现在可以运行 webpack 指令：

• npm run dev：本地构建；
• npm run build：生产打包。

以上我们完成了一个基于 webpack 编译的支持模块化开发的简单项目。