Vue項目按需打包Lodash

使用的是 webpack 模板

1. 首先安裝

npm install lodash --save
npm install lodash-webpack-plugin babel-plugin-lodash --save-dev

第二行的部分插件 webpack 模板已經默認安裝

 

2. 修改 .babelrc

plugins 中添加 lodash，我的項目添加完如下：

  "plugins": ["transform-vue-jsx", "transform-runtime", "lodash"]

 

3. 修改 webpack.prod.config.js

由於我只需要打包時體積小即可，所以添加到這個配置文件中

const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')

  // 省略
  plugins: [
    new LodashModuleReplacementPlugin(),
    // 你的其他配置
  ]

 

 

 

參考：

webpack-lodash插件官方文檔

webpack按需加載lodash