dynamic import

為了要處理相同 html 跟不同的 style,會用到判斷並動態載入 css modules 的,

但如果依照判斷後寫入 import 'XXX' 則會發生
'import' and 'export' may only appear at the top level

但 import 其實還可以 import(XXX) 這個就可以動態載入 module 的位置

if (isA) {
import('../assets/sass/A.scss')
} else {
import('../assets/sass/B.scss')
}

而 vue.js 也有支援這樣的打包方式,真棒!







留言