Webpack разрешить / перенаправить файл

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

Если вы не хотите менять свою базу контента, здесь есть альтернатива.

В vue.config.js добавьте цепочку веб-пакетов, чтобы изменить 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 Docs

Answer 2

Установите путь src-cordova как contentBase. Это будет служить статическим файлам. Согласно webpack документы :

module.exports = {
  //...
  devServer: {
    contentBase: path.join(__dirname, 'src-cordova')
  }
};