Ionic-app-scripts: ionic serve rebuild very slow

[dreamhuan]

enviromnent:

win 10 with 12G RAM, 3.3GHz CPU
node v8.10.0
ionic/app-scripts: "3.1.8",
ionic: 3.20.0

log:

$ ionic serve
Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port
53703 --nobrowser - Ctrl+C to cancel
[13:12:44] watch started ...
[13:12:44] build dev started ...
[13:12:44] clean started ...
[13:12:44] clean finished in 115 ms
[13:12:44] copy started ...
[13:12:45] deeplinks started ...
[13:12:46] deeplinks finished in 971 ms
[13:12:46] transpile started ...
[13:12:54] transpile finished in 7.82 s
[13:12:54] preprocess started ...
[13:12:54] preprocess finished in 1 ms
[13:12:54] webpack started ...
[13:12:54] copy finished in 9.51 s
[13:14:57] webpack finished in 123.47 s
[13:14:57] sass started ...
Without from option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to undefined to prevent this warning.
[13:15:05] sass finished in 8.18 s
[13:15:05] postprocess started ...
[13:15:05] postprocess finished in 22 ms
[13:15:05] lint started ...
[13:15:05] build dev finished in 141.31 s
[13:15:06] watch ready in 141.95 s
[13:15:06] dev server running: http://localhost:8100/

[OK] Development server running!
Local: http://localhost:8100
External: http://172.26.71.1:8100, http://10.0.75.1:8100, http://192.168.65.1:8100,
http://192.168.40.1:8100, http://192.168.1.170:8100
DevApp: demo@8100 on DESKTOP-6865NVO

[13:15:10] lint finished in 4.94 s
[13:15:49] build started ...
[13:15:49] deeplinks update started ...
[13:15:50] deeplinks update finished in 669 ms
[13:15:50] transpile update started ...
[13:15:50] transpile update finished in 139 ms
[13:15:50] webpack update started ...
[13:17:46] webpack update finished in 115.38 s
[13:17:46] build finished in 116.21 s

[13:17:46] build started ...
[13:17:46] deeplinks update started ...
[13:17:46] deeplinks update finished in 406 ms
[13:17:46] transpile update started ...
[13:17:46] transpile update finished in 48 ms
[13:17:46] webpack update started ...
[13:19:44] webpack update finished in 118.18 s
[13:19:44] build finished in 118.64 s

I just change one line in a page's ts file,but it build takes so long time
anyone can help?

[Stradivario]

Try installing node 8.9.x and typescript 2.6.1 or 2.7.1 and say what is happening :)

[dreamhuan]

@Stradivario I think the main reason is ionic/app-scripts,

node v8.10.0
ionic/app-scripts: "3.1.8",

$ ionic-app-scripts serve
[18:22:07]  ionic-app-scripts 3.1.8 
[18:22:07]  watch started ... 
[18:22:07]  build dev started ... 
[18:22:07]  clean started ... 
[18:22:07]  clean finished in 228 ms 
[18:22:07]  copy started ... 
[18:22:07]  deeplinks started ... 
[18:22:08]  deeplinks finished in 568 ms 
[18:22:08]  transpile started ... 
[18:22:16]  transpile finished in 7.59 s 
[18:22:16]  preprocess started ... 
[18:22:16]  preprocess finished in less than 1 ms 
[18:22:16]  webpack started ... 
[18:22:16]  copy finished in 8.69 s 
[18:24:39]  webpack finished in 143.37 s 
[18:24:39]  sass started ... 
Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[18:24:43]  sass finished in 3.73 s 
[18:24:43]  postprocess started ... 
[18:24:43]  postprocess finished in 197 ms 
[18:24:43]  lint started ... 
[18:24:43]  build dev finished in 156.21 s 
[18:24:44]  watch ready in 156.81 s 
[18:24:44]  dev server running: http://localhost:8100/ 

[18:24:48]  lint finished in 4.82 s 
[18:24:53]  build started ... 
[18:24:53]  deeplinks update started ... 
[18:24:55]  deeplinks update finished in 1.34 s 
[18:24:55]  transpile update started ... 
[18:24:55]  transpile update finished in 159 ms 
[18:24:55]  webpack update started ... 
[18:26:51]  webpack update finished in 116.43 s 
[18:26:51]  build finished in 117.94 s 

node v8.10.0
ionic/app-scripts: "3.1.2",

"C:\Program Files\JetBrains\IntelliJ IDEA 2018.1.1\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" "C:\Program Files (x86)\Yarn\bin\yarn.js" run ionic:serve
yarn run v1.6.0
$ ionic-app-scripts serve
[18:32:16]  ionic-app-scripts 3.1.2 
[18:32:16]  watch started ... 
[18:32:16]  build dev started ... 
[18:32:16]  clean started ... 
[18:32:17]  clean finished in 228 ms 
[18:32:17]  copy started ... 
[18:32:17]  deeplinks started ... 
[18:32:17]  deeplinks finished in 585 ms 
[18:32:17]  transpile started ... 
[18:32:25]  transpile finished in 7.36 s 
[18:32:25]  preprocess started ... 
[18:32:25]  preprocess finished in 1 ms 
[18:32:25]  webpack started ... 
[18:32:25]  copy finished in 8.32 s 
[18:32:53]  webpack finished in 27.71 s 
[18:32:53]  sass started ... 
Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[18:32:55]  sass finished in 2.54 s 
[18:32:55]  postprocess started ... 
[18:32:55]  postprocess finished in 198 ms 
[18:32:55]  lint started ... 
[18:32:55]  build dev finished in 38.99 s 
[18:32:56]  watch ready in 39.55 s 
[18:32:56]  dev server running: http://localhost:8100/ 

[18:33:00]  lint finished in 4.69 s 
[18:33:10]  build started ... 
[18:33:10]  deeplinks update started ... 
[18:33:11]  deeplinks update finished in 645 ms 
[18:33:11]  transpile update started ... 
[18:33:11]  transpile update finished in 146 ms 
[18:33:11]  webpack update started ... 
[18:33:13]  webpack update finished in 2.41 s 
[18:33:13]  build finished in 3.21 s 

node 8.9.4,
typescript 2.7.1,
ionic/app-scripts: "3.1.8",

"C:\Program Files\JetBrains\IntelliJ IDEA 2018.1.1\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" "C:\Program Files (x86)\Yarn\bin\yarn.js" run ionic:serve
yarn run v1.6.0
$ ionic-app-scripts serve
[18:47:07]  ionic-app-scripts 3.1.8 
[18:47:07]  watch started ... 
[18:47:07]  build dev started ... 
[18:47:07]  clean started ... 
[18:47:07]  clean finished in 157 ms 
[18:47:07]  copy started ... 
[18:47:07]  deeplinks started ... 
[18:47:08]  deeplinks finished in 590 ms 
[18:47:08]  transpile started ... 
[18:47:16]  transpile finished in 8.15 s 
[18:47:16]  preprocess started ... 
[18:47:16]  preprocess finished in 1 ms 
[18:47:16]  webpack started ... 
[18:47:16]  copy finished in 9.08 s 
[18:48:29]  webpack finished in 73.40 s 
[18:48:29]  sass started ... 
Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[18:48:32]  sass finished in 2.67 s 
[18:48:32]  postprocess started ... 
[18:48:32]  postprocess finished in 154 ms 
[18:48:32]  lint started ... 
[18:48:32]  build dev finished in 85.46 s 
[18:48:33]  watch ready in 86.00 s 
[18:48:33]  dev server running: http://localhost:8100/ 

[18:48:37]  lint finished in 5.13 s 
[18:48:43]  build started ... 
[18:48:43]  deeplinks update started ... 
[18:48:44]  deeplinks update finished in 708 ms 
[18:48:44]  transpile update started ... 
[18:48:44]  transpile update finished in 99 ms 
[18:48:44]  webpack update started ... 
[18:49:30]  webpack update finished in 45.91 s 
[18:49:30]  build finished in 46.73 s 



node 8.9.4,
typescript 2.7.1,
ionic/app-scripts: "3.1.2",

"C:\Program Files\JetBrains\IntelliJ IDEA 2018.1.1\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" "C:\Program Files (x86)\Yarn\bin\yarn.js" run ionic:serve
yarn run v1.6.0
$ ionic-app-scripts serve
[18:40:29]  ionic-app-scripts 3.1.2 
[18:40:29]  watch started ... 
[18:40:29]  build dev started ... 
[18:40:29]  clean started ... 
[18:40:29]  clean finished in 165 ms 
[18:40:29]  copy started ... 
[18:40:29]  deeplinks started ... 
[18:40:30]  deeplinks finished in 616 ms 
[18:40:30]  transpile started ... 
[18:40:39]  transpile finished in 9.04 s 
[18:40:39]  preprocess started ... 
[18:40:39]  preprocess finished in less than 1 ms 
[18:40:39]  webpack started ... 
[18:40:39]  copy finished in 10.01 s 
[18:41:07]  webpack finished in 28.39 s 
[18:41:07]  sass started ... 
Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.
[18:41:10]  sass finished in 2.54 s 
[18:41:10]  postprocess started ... 
[18:41:10]  postprocess finished in 148 ms 
[18:41:10]  lint started ... 
[18:41:10]  build dev finished in 41.24 s 
[18:41:10]  watch ready in 41.81 s 
[18:41:10]  dev server running: http://localhost:8100/ 

[18:41:17]  lint finished in 6.91 s 
[18:41:19]  build started ... 
[18:41:19]  deeplinks update started ... 
[18:41:20]  deeplinks update finished in 807 ms 
[18:41:20]  transpile update started ... 
[18:41:20]  transpile update finished in 168 ms 
[18:41:20]  webpack update started ... 
[18:41:22]  webpack update finished in 2.02 s 
[18:41:22]  build finished in 3.01 s 

[dreamhuan]

fix it by using @ionic/app-scripts": "3.1.2"

[helloJincheng]

试一试"webpack": "^3.5.5"呢