vue lodash 打包
时间: 2023-08-30 20:10:36 浏览: 136
lodash.js资源包
5星 · 资源好评率100%
如果你在 Vue 项目中使用了 Lodash 库,那么在打包时需要进行一些配置以优化打包体积和性能。
1. 安装相关依赖
首先需要安装 `babel-plugin-lodash` 和 `lodash-webpack-plugin` 两个依赖:
```shell
npm install babel-plugin-lodash lodash-webpack-plugin --save-dev
```
2. 配置 babel-plugin-lodash
在 `.babelrc` 文件中添加以下配置:
```json
{
"plugins": [
"lodash",
["lodash", { "id": ["lodash", "async"] }]
]
}
```
这样就可以按需引入 Lodash 的方法了。
3. 配置 lodash-webpack-plugin
在 `vue.config.js` 文件中添加以下配置:
```js
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
module.exports = {
configureWebpack: {
plugins: [
new LodashModuleReplacementPlugin(),
],
},
};
```
这样就可以使用 Lodash 库了,并且打包体积也会得到优化。
阅读全文