Question

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

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

我最终可以在static/或其他任何地方创建一个新文件夹，然后说＆＃34;将这些文件复制到/ dist /文件夹中一旦创建＆＃34;。

有可能吗？

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

Answer 1

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

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

Answer 2

我不认为Vue会使这个问题变得特别。

您可以为webpack尝试此复制插件

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

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

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/。

This issue was really helpful to resolve it.

Answer 4

我的工作版本：

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

如何将文件复制到root＆＃34; dist /＆＃34; VueJS的文件夹？

4 个答案: