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'
————————————————