Как отслеживать изменения в html с помощью webpack?

Question

[flare0n]

Здравствуйте. Имею такую сборку из babel, css-loader & style-loader + extract-text-webpack-plugin. Плюсом лежит bootstrap и jquery.

Изменения на jquery засчитываются и изменяются так же реактивно, как и с browser-sync на gulp'e, но вот изменения в html веб не отслеживает, хотя до подключения определенного модуля все было хорошо. Может я мог где-то совершить ошибку или же требуется еще один модуль? Приложу package.json и webpack.config.js в спойлерах, если нужны еще какие-либо файлы - говорите.

package

{

"name": "lesson_boots",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack-dev-server --mode development --open",
    "build": "webpack --mode production"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-3": "^6.24.1",
    "css-loader": "^1.0.1",
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "path": "^0.12.7",
    "style-loader": "^0.23.1",
    "webpack": "^4.26.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10"
  },
  "dependencies": {
    "bootstrap": "^4.1.3",
    "jquery": "^3.3.1"
  }
}

wepback.config.js

let path = require('path')
const ExtractTextPlugin = require("extract-text-webpack-plugin");

let conf = {
	entry: './src/index.js',
	output: {
		path: path.resolve(__dirname, './dist'),
		filename: 'main.js',
		publicPath: 'dist/'
	},
	devServer: {
		overlay: true
	},
	module: {
		rules: [
			{
				test: /\.js$/,
				loader: 'babel-loader',
			},
			{
				test: /\.css$/,
				use: ExtractTextPlugin.extract({
					use: "css-loader"
				})
			}
		]
	},
  plugins: [
    new ExtractTextPlugin("styles.css"),
  ]
};

module.exports = (env, options) => {
	let production = options.mode === 'production';

	conf.devtool = production
		? false
		: 'eval-sourcemap';

	return conf;
}

Comments

[leviathan]

Вы разобрались с данной проблемой?