cordova - Webpack 解析/重定向文件

Question

我有这个结构：

• src: 申请文件。
• src/index.html我的应用程序的主文件。
• src-cordova: Cordova 特定文件。
• src-cordova/config.xml：科尔多瓦配置文件。

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

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

注意：这是一个 Vue 应用程序，所以我vue.config.js有空去做。

标签： cordovawebpack

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;
      })
  },
};

链接文档

CopyWebpackPlugin 文档