Vue.js babel导入插件不';在使用nuxt build config之后,似乎无法减少ant design vue的大小
根据文档,建议使用模块化的antd,以确保优化并减少应用程序大小。然而,我尝试在我的nuxt构建配置中使用精确的代码,但应用程序大小在使用Vue.js babel导入插件不';在使用nuxt build config之后,似乎无法减少ant design vue的大小,vue.js,nuxt.js,antd,ant-design-vue,Vue.js,Nuxt.js,Antd,Ant Design Vue,根据文档,建议使用模块化的antd,以确保优化并减少应用程序大小。然而,我尝试在我的nuxt构建配置中使用精确的代码,但应用程序大小在使用纱线构建 下面是我的nuxt构建配置和构建前后的屏幕截图 build: { analyze: true, // Remove this mode before deployment babel: { plugins: [ [ "import", {
纱线构建
下面是我的nuxt构建配置和构建前后的屏幕截图
build: {
analyze: true, // Remove this mode before deployment
babel: {
plugins: [
[
"import",
{
libraryName: "ant-design-vue",
libraryDirectory: "es",
style: "css"
},
]
]
}
}
下面是添加babel导入插件前后的构建
我刚刚修复了这个问题,并通过从nuxt配置中删除ant设计插件,将大小大幅减小到这个程度 最初我的插头看起来像这样
plugins: [
"@/plugins/antd-ui",
{ src: "@/plugins/vue-carousel", ssr: false }
// "@/plugins/axios"
],
plugins: [
{ src: "@/plugins/vue-carousel", ssr: false }
// "@/plugins/axios"
],
然后我删除了插件,得到了类似这样的东西
plugins: [
"@/plugins/antd-ui",
{ src: "@/plugins/vue-carousel", ssr: false }
// "@/plugins/axios"
],
plugins: [
{ src: "@/plugins/vue-carousel", ssr: false }
// "@/plugins/axios"
],
现在我有了这个最小尺寸