背景: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 則需要執(zhí)行 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