优化在开发时的编程体验，减少在部署时的体积。
开发时 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
好文推荐:
