Довольно разочарован уже. Это в основном весь мой конфиг.
module.exports = {
devtool: 'None',
entry: {
suit: ['./common.js', './mod.js']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].bundle.js'
}
}
Он должен связать common.js
и mod.js
в suit.bundle.js
. Один за другим добавляется. В противном случае поправьте меня. Это не работает Я не могу использовать что-либо из одного файла в другой, когда он в комплекте. Единственный способ использовать функцию - вызывать эту функцию прямо в файле. Они также недоступны в консоли браузера.
Я пытался require
файл. Например, требуя mod.js
в common.js
. Тоже не работает. Я не могу вызывать функции из mod.js
в common.js
, где это required
.
Единственный способ, которым я мог приблизиться, - это экспортировать каждую вещь из одного файла и импортировать их в другой. Есть еще одна проблема. Удаляет все неиспользуемые коды. Treeshaking
или что-то, вероятно. Запись экспорта по всему файлу ... Я нахожу это разочаровывающим. Также есть много глобальных переменных. Некоторые из них будут использоваться другими файлами, которые веб-пакет, вероятно, не может ожидать заранее.
Помимо этих проблем, вот моя упрощенная цель. У меня есть файл js, который я хочу разместить на сайте common-stuff.js
. Я разделил этот файл на два файла (не только огромный, но и разделенный двумя красивыми именами: p). half-1.js
и half-2.js
. AND half-1
должен быть сначала связан, а half-2
добавлен после (потому что в half-2
используется немного функций и глобальных переменных). Я просто хочу, чтобы они были скомпилированы в common-stuff.js
без потери одного бита из любого файла. Теперь common-stuff.js
можно вставить в html файлы и все. Я также хочу получить доступ к ним в консоли браузера.
Это будет очень полезно, если кто-нибудь сможет написать мне правильный файл конфигурации. Я не против версии, если она не 4+. И спроси меня, не могу ли я объяснить одно или несколько моих вопросов.