Webpack高級配置「五」-- 懶加載 & 處理JSX & 處理vue ***

1.懶加載

abc.js 文件中定義數據：

export default {
  message: "this is dynamic data"
}

動態引入數據 - 實現懶加載：

setTimeout(() => {
  import('./abc.js').then(res => {
    console.log(res.message)
  })
}, 1500);

最後產出一個獨立的js，等同於定義一個chunk

2.處理JSX

修改 .babelrc 配置爲：

"presets": ["@babel/preset-react"],

3.處理vue

rules: [{
  test: /\.vue$/,
  loader: ['vue-loader'],
  include: srcPath
}, ]