Question

我有这样的结构：

src ：应用程序文件。
src/index.html 我的应用程序的主文件。
src-cordova ：特定于Cordova的文件。
src-cordova/config.xml ：Cordova配置文件。

运行Webpack服务器时，它将src/index.html解析为http://localhost:8080。但是我还需要将src-cordova/config.xml解析为http://localhost:8080/config.xml。

使用Webpack的最佳方法是什么？

注意：：这是Vue应用程序，因此我可以使用vue.config.js。

Answer 1

如果您不想将contentBase更改为此处，则可以选择。

在vue.config.js中添加一个chainWebpack来修改CopyWebpakPlugin。此代码将从CopyWebpackPlugin中的第一个配置中选择目标。

const path = require('path');

module.exports = {
  chainWebpack: (config) => {
    config
      .plugin('copy')
      .tap((args) => {
        const copyCordova = {
          from:  path.resolve(__dirname, 'src-cordova/config.xml'),
          to: args[0][0].to,
        };
        args[0].push(copyCordova);
        return args;
      })
  },
};

Chaining Docs

CopyWebpackPlugin Docs

Answer 2

将src-cordova路径设置为contentBase。这将提供静态文件。根据{{1}} docs：

webpack

Webpack解析/重定向文件

2 个答案: