vue.js - 如何从 Vue CLI 构建中排除静态文件？

Question

我的 Vue CLI 项目依赖于来自后端的 JSON 数据。由于 CORS 问题，我将该文件复制到项目的 public 文件夹中，该文件夹在开发期间有效。但对于部署构建，我想删除该文件。

如何从构建过程中排除该文件？我想 vue.config.js 中的 chainWebpack 方法是关键，但我找不到如何调整 serve 和 build 的不同输出>.

Answer 1

我让这个工作:

module.exports = {
  chainWebpack: config => {
    if (process.env.NODE_ENV === "production") {
      config.plugin("copy").tap(opts => {
        opts[0][0].ignore.push({ glob: "someFile.json" });
        return opts;
      });
    }
  }
};

process.env.NODE_ENV === "production" 使排除仅适用于 build 输出。