Ситуация: так что у меня есть файл make, в котором выполняется эта команда @$(BIN)/lessc $(STYLE_DIR)/index.less $(BUILD_DIR)/css/index.min.css
перед запуском сервера webpack dev (-@NODE_ENV=local $(BIN)/webpack-dev-server --hot --inline --progress --colors --config webpack.config.js
), он компилирует весь мой файл less в папке src / style в index.min. css, часть my index. html файл просматривается здесь <link rel="stylesheet" href="assets/css/index.min.css">
часть webpack.config. js выглядит так
local: {
debug: true,
devtool: 'source-map',
devServer: {
stats: {
children: false,
maxModules: 0,
chunks: false
},
port: 3001,
contentBase: "./build",
},
plugins: [
new webpack.DefinePlugin(env),
new webpack.HotModuleReplacementPlugin(),
new HtmlWebpackPlugin({ template: "./index.html" })
],
entry: {
bundle: [
path.join(process.cwd(), 'src/main.jsx')
]
},
module: {
loaders: loaders.concat([
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
exclude: /node_modules\//,
loaders: [
'style?sourceMap',
'css?sourceMap&modules=true&importLoaders=1&localIdentName=rv-[name]__[local]',
'postcss'
]
}
])
}
}
}
var shared = {
cache: true,
externals: {
ReactNative: 'react-native',
React: 'react',
ReactDOM: 'react-dom'
},
output: {
path: path.join(process.cwd(), '/build'),
filename: "bundle.js",
publicPath: '/build/'
},
Вопрос: Как я могу настроить конфигурацию, когда я изменяю файл less в style / someComponentName.less, сервер разработки webpack будет следить за изменениями и перезагружать браузер с новым index.min. css скомпилирован? на данный момент горячая перезагрузка не производится