【Vue】element如何解决打包文件很大的问题？

Z时代
2024-01-10
分类：技术分享

先上图感受一下

vendor.js包含vue和element-ui两份内容。

发觉配置了element提供的按需引入文件结果生成的文件还是一样大。。。

配置如下

const { mix } = require('laravel-mix');
mix.webpackConfig({
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
options: {
"presets": [
["es2015", { "modules": false }]
],
"plugins": [["component", [
{
"libraryName": "element-ui",
"styleLibraryName": "theme-default"
}
]]]
}
},
{
test: /\.css$/,
loader: "style-loader!css-loader"
},
]
}
});