Ionic 4 配置webpack

背景：Ionic 4 cli 构建的项目(ionic start myApp --type=angular), 在手机上调试时无法查看到ts 源文件

问题点：

1、缺少source map 文件，无法在手机上调试时查看到.ts文件, 需要配置webpack。
2、ionic 4 cli 构建的项目webpack.config.js 并不在原本的/node_module/@ionic/ionic-script 中，而是依赖于构建项目时选择的上层框架，比如Angular 中在 angular.json，react 则需要执行 npm run eject 后配置。

ionic-angular

angular.json:
...
"production": {
             ...
              "sourceMap": true,
             ...
            },

ionic-react

webpack.config.js:
devTool: 'source-map'

效果

按照如上配置，在手机上连接电脑可以看到如下：

Screen Shot 2019-07-10 at 2.21.28 PM.png