Новое в работе с Webpack напрямую, и у меня возникают проблемы с включением импортированного кода в комплект. Для теста у меня есть два файла.
index. js:
export const stringFromIndex = 'string-abc';
export { somestring } from './testModule.js'
testModule. js:
export const someString = 'string-123';
Когда я запускаю webpack, 'string-ab c' находится в созданном пакете, но 'string-123' нет. Мой webpack.config. js выглядит следующим образом:
const path = require('path');
require ('script-loader');
module.exports = {
mode: 'development',
entry: './index.js',
output: {
filename: 'output.js',
path: path.resolve(__dirname),
},
module: {
rules: [
{
test: /\.js$/,
use: [
{
loader: 'script-loader'
}
]
}
]
}
}
Я неправильно настраиваю webpack, или я неправильно понимаю, что входит в комплект? В тех случаях, когда я использую что-то, что использует веб-пакет (в основном Vue CLI), без частичной / отложенной загрузки, все идет в созданный файл JS. Вот чего я пытаюсь достичь.
Результат запуска веб-пакета:
Hash: 6e6474a0bc8438c6fdd8
Version: webpack 4.41.2
Time: 83ms
Built at: 03/07/2020 12:25:02 PM
Asset Size Chunks Chunk Names
output.js 5.71 KiB main [emitted] main
Entrypoint main = output.js
[./index.js] 231 bytes {main} [built]
[./node_modules/script-loader/node_modules/raw-loader/index.js!./index.js] ./node_modules/script-loader/node_modules/raw-loader!./index.js 115 bytes {main} [built]
+ 1 hidden module
У меня есть Gist по адресу: https://gist.github.com/emamid/5c369a8001d9d8cace3811b04da7b2ff