lodash 按需引入

完整引入
import _ from 'lodash'

// 这个方式 webpack 依然会将整个库打包。
import { random, debounce, findLast } from 'lodash'


按需引入
单独引入

import debounce from "lodash/debounce";

当引用的方法过多时，弊端自现。

配合插件：lodash-webpack-plugin
安装
$ npm i --save lodash
$ npm i --save-dev lodash-webpack-plugin babel-plugin-lodash


----  babel.config.js -------------
module.exports = {
　　plugins: ["lodash"],
};

------------ vue.config.js -----------------
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
module.exports = {
　　chainWebpack: (config) => {
　　　　config.plugin("loadshReplace").use(new LodashModuleReplacementPlugin());
　　},
};

可以愉快的使用了
import { debounce } from 'lodash'
————————————————