请教一个静态资源处理的问题

› Vue.js

This topic created in 2154 days ago, the information mentioned may be changed or developed.

项目中有个 config.xml 需要在打包后的根目录中，打包后的目录如下：

project
- css
- js
- index.html
- config.xml

目前的做法是直接把 config.xml 放在 public 的文件夹中以静态资源打包。

在项目中和这个 config.xml 都有需要用到项目的版本号，我直接在 js 里读取 package.json 的 version，但是在静态资源的这个 config.xml 没办法读取 package.json 的信息。

所以有没有什么办法可以让这个 config.xml 也能读取到一个全局的 version，这样就不需要每次修改版本号都要修改两个文件了。

项目是用脚手架 vuecli 生成的

Supplement 1 · Aug 5, 2020

已解决，解决方法：

首先把config.xml中的version修改为占位符 {version}

然后在vue.config.js里添加

const version = require("./package.json").version;
module.exports = {
  chainWebpack: (config) => {
    config.plugin("copy").tap((options) => {
      options[0][0].transform = function(content, path) {
        if (/config.xml/.test(path)) {
          content = Buffer.from(content.toString().replace("{version}", version));
        }
        return content;
      };
      return options;
    });
  }
}

再次感谢回复。

4 replies • 2020-08-05 19:54:52 +08:00