Vue.js vue cli（网页包）如何不将所有内容构建在一起？

我使用vue cli

--target lib

将vue组件构建到lib

vue-cli-service build --mode production --dest lib --target lib --name power-chart src/main.js --watch --dashboard

库中有许多包含许多组件的文件。构建完成后，Webpack将所有文件和组件（js/Vue）放在一个文件和组件中，它太大了（超过500kb，不包括节点_模块）

因为这是在其他应用程序中使用的组件库。当我尝试导入另一个应用程序时，它卡住了

那么，我如何将ES6&Less代码编译成ES5和CSS呢。保持文件夹路径正确（@/a/b.js到/path/to/b.js）并且不将它们合并在一起

My vue.config.js：

const path=require（“路径”）；
const webpack=需要（“webpack”）；
const nodeExternals=require（“网页包节点外部”）；
函数解析（dir）{
返回path.join（uu dirname，dir）；
}
const isLib=process.env.BD==“lib”；
const isProd=process.env.NODE_env==“生产”；
常量插件=[
新建webpack.IgnorePlugin({
resourceRegExp://^\.\/locale$/,，
contextRegExp:/moment$/
}),
新建webpack.optimize.LimitChunkCountPlugin({
maxChunks:1
})
];
if（isProd和isLib）{
plugins.push(
新BundleAnalyzerPlugin({
分析器端口：“1239”
})
);
}
module.exports={
公共路径：“/”，
outputDir:isLib？“lib”：“dist”，
productionSourceMap：正确，
filenameHashing:false，
lintOnSave:process.env.NODE_env！=“生产”，
链接网页包：配置=>{
config.plugins.delete（“预取”）；
常量类型=[“vue模块”、“vue”、“普通模块”、“普通”]；
types.forEach（type=>{
const rule=config.module.rule（“less”）.oneOf（类型）；
addStyleResource（规则）；
});
config.entry（“main”）.clear（）；
如果（！isLib）{
config.entry（“main”）.add（“./example/main.js”）；
}否则{
config.entry（“main”）.add（“./src/main.js”）；
}
config.resolve.alias.set（“@”，resolve（“src”）；
//如果（isProd）{
//config.plugin（“lodashReplace”）.use（新的LodashModuleReplacementPlugin（））；
// }
},
配置网页包：{
插件，
优化：{
分割块：{
minSize:1
} // ,
//runtimeChunk:true
},
外部：isProd？[nodeExternals（）]：{}
},
开发服务器：{
主持人：“0.0.0.0”
}
};
函数addStyleResource（规则）{
规则
.使用（“样式资源”）
.loader（“样式资源加载器”）
.选项({
模式：[
解析（uu dirname，“./src/assets/styles/color.less”），
解析（uu dirname，“./src/assets/styles/var.less”），
解析（uu dirname，“./src/assets/styles/mixins.less”）
]
});
}

  lib/power-chart.umd.min.js    172.03 KiB
  lib/power-chart.umd.js        498.57 KiB
  lib/power-chart.common.js     498.18 KiB
  lib/power-chart.css           23.47 KiB