美文网首页
webpack 使用webpack.ContextReplace

webpack 使用webpack.ContextReplace

作者: 说好的幸福2020 | 来源:发表于2019-06-27 15:52 被阅读0次

使用手册:https://cloud.tencent.com/developer/section/1477555
使用场景之一:webpack 打包momentjs时会把所有语言包都打包,这样会使打包文件很大。此插件可以帮助我们只打包需要的语言包,大大减小打包文件大小。

new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /zh-cn|zh-hk|en/)

限定查找 moment/locale 上下文里符合 /zh-cn|zh-hk|en/ 表达式的文件,因此也只会打包这几种本地化内容。

在vue-cli3 使用方式:配置vue.config.js的configureWebpack
    const webpack = require("webpack");
    configureWebpack: (config) => {
            new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /zh-cn|zh-hk|en/),
    }

相关文章

网友评论

      本文标题:webpack 使用webpack.ContextReplace

      本文链接:https://www.haomeiwen.com/subject/nbercctx.html