Я пытаюсь разбить мое приложение - попытка следовать руководству по веб-папкам по инструкции (https://webpack.github.io/docs/code-splitting.html). Таким образом, у меня есть отдельный набор для моего приложения, я вижу, что в моей сборке webpack генерирует 1.bundle.js
, однако он вставляет его в мой index.html
с неправильным путем, а на моей консоли я вижу ошибку выборки для 1.bundle.js
файл.Webpack, новый кусок загружается с неправильным путем
Так что мой WebPack конфигурации выглядит так (им просто используя Webpack: Дев сейчас):
return {
dev: {
entry: {
index: './client/app.jsx'
},
output: {
path: path.join(__dirname, '..', '..', 'dist', 'client'),
publicPath: "/dist/client/",
filename: 'bundle.js'
},
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}, {
test: /\.json$/,
loader: 'json-loader'
}]
},
resolve: {
extensions: ['', '.js', '.jsx']
},
resolveLoader: {
fallback: [path.join(__dirname, 'node_modules')]
},
plugins: [
new webpack.DefinePlugin({
"process.env": {
"NODE_ENV": JSON.stringify("dev")
}
})
]
},
и в моей index.html я вручную добавить <script src="bundle.js"></script>
и работает великолепно. Похоже, что, когда это создает сейчас, WebPack применяет свой собственный тег сценария на мой индекс, как так
<script type="text/javascript" charset="utf-8" async="" src="/dist/client/1.bundle.js"></script>
Однако этот путь неверен, он должен быть просто src="1.bundle.js"
. Я попытался настроить путь и publicPath, но ничего не работает. Есть ли способ, чтобы webpack добавлял правильный путь? Благодаря!