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
}, ]

你可能感兴趣的:(Webpack高级配置「五」-- 懒加载 & 处理JSX & 处理vue ***)