优化在开发时的编程体验，减少在部署时的体积。

开发时 import _ from "lodash";

这种方式依赖清晰，可读性好，强烈推荐。

您可能觉得每次使用lodash写一下这句话很麻烦，相信我，这样是值得的。

部署时优化

为了import _ from "lodash"; 也能够按需打包，需要安装

npm i --save-dev lodash-webpack-plugin babel-core babel-loader babel-plugin-lodash babel-preset-env webpack

接着修改 vue.config.js

const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
const production = process.env.NODE_ENV === "production";
module.exports = {
  
  chainWebpack: config => {
    if (production) {
      config.plugin("loadshReplace").use(new LodashModuleReplacementPlugin());
      //生产环境才开启 不然开发时lodash函数不起作用 也不报错
    }
  },
};

我的项目用了reduce这个函数，打包体积变为0.1KB

image.png

没看到效果，建议关掉重启再试一下。

github 地址 : https://github.com/xiaodun/sf-time-killer

好文推荐:

为什么我从vue转到了react?

强大而难懂的迭代器