vue-cli4NormalModuleReplacementPlugin同一项目不同差异化打包不同文件

最新推荐文章于 2024-05-23 23:33:04 发布

怒放的生命1991

最新推荐文章于 2024-05-23 23:33:04 发布

阅读量244

点赞数

分类专栏： vue wabpack 文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_34507902/article/details/129028874

版权

vue 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

wabpack

1 篇文章 0 订阅

订阅专栏

一个项目根据需求使用不同的.vue文件，

vue-cli4在vue.config.js文件中加入 :

  plugins: [
         new NormalModuleReplacementPlugin(
            /(.*)-APP_TARGET(\.*)/,
            function(resource) {
              appTarget = `-${process.env.VUE_APP_PROJECT_NAME}`
              console.log("appTarget==",appTarget)//A
              resource.request = resource.request.replace(/-APP_TARGET/, `${appTarget}`);
            }
           )
      ]

打包的时候-APP_TARGET的文件替换成指定的文件名，如图项目名称VUE_APP_PROJECT_NAME=A，A替换了-APP_TARGET 本应该加载config-APP_TARGET.js替换成了加载config-A.js 根据环境变量的配置决定如何加载对应的路由文件，不同路由加载不同的项目打包出的文件项目也不同