背景：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
网友评论