Ionic-Angular自定义package.json脚本，指定Webpack配置的问题

针对你遇到的serve:myapk脚本无法加载自定义Webpack配置的问题，可尝试以下几种方案：

• 改用完整参数名
  部分版本的ionic-app-scripts对简写参数-w支持存在问题，换成完整的--webpack参数试试：

  "scripts": {
      // ...其他脚本
      "serve:myapk": "ionic-app-scripts serve --webpack ./config/webpack.myapk.config.js"
  },
  

• 通过环境变量指定配置
  ionic-app-scripts会读取IONIC_WEBPACK_CONFIG环境变量来加载自定义配置，脚本可以这么写：

  • 类Unix系统（Mac/Linux）：

    "serve:myapk": "IONIC_WEBPACK_CONFIG=./config/webpack.myapk.config.js ionic-app-scripts serve"
    

  • Windows系统：

    "serve:myapk": "set IONIC_WEBPACK_CONFIG=./config/webpack.myapk.config.js && ionic-app-scripts serve"
    

  • 跨平台兼容（需先安装cross-env：npm install cross-env --save-dev）：

    "serve:myapk": "cross-env IONIC_WEBPACK_CONFIG=./config/webpack.myapk.config.js ionic-app-scripts serve"
    

• 验证配置文件路径
  确认./config/webpack.myapk.config.js的路径是相对于项目根目录（package.json所在目录）的，若路径错误会自动 fallback 到默认配置。可以尝试使用绝对路径测试，比如/Users/xxx/project/config/webpack.myapk.config.js（Mac/Linux）或C:\xxx\project\config\webpack.myapk.config.js（Windows）。

• 检查ionic-app-scripts版本
  旧版本的ionic-app-scripts可能不支持在serve命令中指定自定义Webpack配置，建议升级到对应Ionic版本的兼容版本（比如Ionic 3对应ionic-app-scripts@3.x系列）。

内容的提问来源于stack exchange，提问作者Purvang