0.0.8 • Published 10 months ago

@plugin-light/webpack-loader-transform-dynamic-comp v0.0.8

Weekly downloads
-
License
-
Repository
github
Last release
10 months ago

动态引入组件转换

替换动态组件。

比如下面的动态组件:

components: {
  xxComp(resolve) {
    require(['xx.comp'], resolve);
  },
}

会被转为:

import xxComp from 'xx.comp';

components: {
  xxComp,
}

如何使用

安装

pnpm add @plugin-light/webpack-loader-transform-dynamic-comp -D

vue.config.js 中添加如下设置:

const { LOADER as transformDynamicComp } = require('webpack-loader-transform-dynamic-comp')';

module.export = {
  chainWebpack(config) {
    config.module
      .rule('vue')
      .test(/\.vue$/)
      .use(transformDynamicComp)
      .loader(transformDynamicComp)
      .end();
  }
}