#webpack #webpack-dev-server
Вопрос:
Я использую webpack для просмотра изменений в своем коде. Код успешно компилируется, но я ничего не вижу, перейдя в браузер.
пакет.json
"dev:server": "webpack server --hot",
"prod:build": "webpack"
Структура проекта
- webpack.config.js
- package.json
- src/
- index.hbs
- sass/
- js/
webpack.config.json
module.exports = {
entry: {
"main-page": "./src/js/index.js",
},
output: {
filename: "bundle.[name].[contenthash].js",
path: path.resolve(__dirname, "./dist"),
publicPath: "dist/",
},
mode: "production",
module: ,
optimization:,
plugins: [
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: ["**/*"],
}),
new HTMLWebpackPlugin({
chunks: ["main-page"],
template: "src/index.hbs",
}),
],
};
Ответ №1:
Просто добавил следующее в webpack.config.js и это сработало.
mode: "development", //change in production
devServer: {
// remove in production
contentBase: path.resolve(__dirname, "./dist"),
index: "index.html",
},