npm i vue-jsx-hot-loader -D
chainWebpack: (config) => {
'use strict';
config.module
.rule("tsx")
.test(/\.tsx$/)
.use("vue-jsx-hot-loader")
.before("babel-loader")
.loader("vue-jsx-hot-loader");
},
由于ant-design-vue使用样式是less文件,所以需要less提前编译,配置如下
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
npm i babel-plugin-import babel-plugin-jsx-v-model babel-plugin-vue-jsx-sync -D
plugins: [
[
'import',
{libraryName: 'ant-design-vue', libraryDirectory: 'es', style: true}
]
]