美文网首页
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