如何在VueJS中将文件复制到根目录的“dist /”文件夹？

Question

当在VueJS实例上运行npm run build时，我需要将一些文件复制到dist文件夹中，但我不知道如何操作。

这些文件可能包括sitemap.xml、robots.txt和其他必要的配置文件。

我最终可以创建一个新文件夹，可以在static/或任何其他位置，并说“一旦创建了/dist/文件夹，请复制这些文件。”

这是否可行？

更新：我正在使用Webpack生成dist文件夹。

- Cyril N.

Answer 1

如果您正在使用vue-cli，位于“public”文件夹中的任何文件都会被复制到您的“dist”文件夹中。

请参见https://cli.vuejs.org/guide/html-and-static-assets.html#relative-path-imports。

- Lambert

Answer 2

我不认为Vue会导致这个问题。

您可以尝试使用webpack的复制插件。

https://github.com/webpack-contrib/copy-webpack-plugin

它可以将文件从任何位置复制到任何位置。

- Littlee

Answer 3

在我的情况下，没有webpack.config.js文件。所有的webpack配置都由quasar-cli自己管理。

虽然它提供了一个quasar.conf.js文件，我们可以在其中扩展webpack配置。

我通过按照以下步骤解决了相同的问题（在quasar.conf.js中）： const CopyWebpackPlugin = require('copy-webpack-plugin') 然后在构建配置中： extendWebpack (cfg) { cfg.plugins.push( new CopyWebpackPlugin( [{ context: '${__dirname}/src/root', from: '*.*' }] ) ); } 在构建命令期间，它会将src/root中的所有文件复制到dist/。 这个问题对于解决它非常有帮助。

- Pulkit Aggarwal

Answer 4

我的工作版本：

extendWebpack(cfg, {isServer, isClient}) {
    cfg.plugins.push(
      new CopyWebpackPlugin([
          {
            from: './src/root/*',
            to: './',
            flatten: true,
          }],
      )
    );
  }

- Andrew Zolotarev