Блог

Я использую 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",
        }),
      ],
    };
 

Просто добавил следующее в webpack.config.js и это сработало.

 mode: "development", //change in production
devServer: {
  // remove in production
  contentBase: path.resolve(__dirname, "./dist"),
  index: "index.html",
},