Как получить имя файла, переименованное в Webpack?

Question

Я использую файл веб-сборки, скомпилированный Emscripten в моем проекте. И поскольку мой проект использует Webpack, он переименовывает все файлы, поэтому модуль Emscripten не может найти больше файла веб-сборки.

Затем мне нужно получить новое имя файла веб-сборки, чтобы загрузить его.

Я нашел этот обходной путь , но я хочу лучшего решения, потому что я не хочу менять webpack.config.js с настройками для файлов .wasm.

Объясните контекст: у меня есть проект с именем bursh, который использует Webpack и импортирует модуль с именем scissors, в котором есть файлы веб-сборки. Поэтому я ищу решение, которое не требует обновления конфигураций из-за разграничения обязанностей - не имеет смысла устанавливать конфигурации на brush по какой-то причине scissors

Answer 1

Я решил проблему.Мое решение - добавить Webpack на scissors, чтобы установить конфигурации в этом проекте.

const path = require('path')

const rules = [
  {
    loader: 'file-loader',
    test: /huffman\.wasm$/,
    type: 'javascript/auto',
  },
]

rules.concat()

module.exports = {
  devtool: 'source-map',
  entry: './src/index.js',
  module: {
    rules,
  },
  node: {
    fs: 'empty',
  },
  output: {
    filename: 'scissors.js',
    libraryTarget: 'commonjs2',
    path: path.join(__dirname, './dist'),
    sourceMapFilename: 'scissors.js.map',
  },
}

Я не знаю, является ли это лучшим решением, потому что теперь у меня есть Webpack в brushproject, а также в scissors project, тогда это увеличит сложность моего кода ... Но таким образом я смогу сохранить изоляцию обязанностей.

Answer 2

Из вашего описания вы можете посмотреть copy-webpack-plugin . Webpack обычно объединяет несколько файлов в один или несколько больших файлов, но если вы дополнительно хотите скопировать файлы в свою сборку, этот плагин может сделать именно это.