鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ webpack lodash按需加載設(shè)置之后還是那么大

webpack lodash按需加載設(shè)置之后還是那么大

clipboard.png

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
祈歡

關(guān)鍵是你代碼里是怎么用lodash的

2017年1月14日 10:49
編輯回答
故人嘆

本質(zhì)上，你是想使用 Webpack 的 Tree Shaking 特性。只是露珠使用 lodash-webpack-plugin 的姿勢有點不正確而已。

安裝了 lodash-webpack-plugin 還需要額外安裝 babel-plugin-lodash。

然后你在 webpack 配置中配置就可以對應(yīng)的使用：

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

module.exports = {
    module: {
        rules: [
            {
                use: 'babel-loader',
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                options: {
                    plugins: [
                        'lodash',
                        ...
                    ]，
                    ...
                }
            }
        ]
    },
    
    plugins: [
        new LodashModuleReplacementPlugin(),
        ...
    ]
};
2018年1月4日 02:52