如何使用 VueJS 将文件复制到根目录"dist/"文件夹？

Question

我需要在VUEJS实例上运行npm run build时将某些文件复制到dist文件夹，但我不知道该怎么做。

文件将是sitemap.xml，robots.txt和其他一些需要的配置文件。

我最终可以在static/或其他任何地方创建一个新文件夹，并说"创建后/DIST/文件夹中复制这些文件"。

可能吗？

更新：我正在使用WebPack生成DIST文件夹。

Answer 1

如果您使用的是vue-cli，则'public''文件夹中的任何文件都将被复制到您的'dist'文件夹中。

在

我认为vue不让这个问题与众不同。

您可以尝试WebPack的此复制插件

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

它可以将文件从任何地方复制到任何地方

在我的情况下，没有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/。

这个问题确实有助于解决它。

我的工作版本：

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