Updates style <link> href value with a hash to trigger a style reload
Loader new home: restyle-loader
npm install --save-dev restyle-loaderwebpack.config.js
{
test: /\.css?$/,
use: [
{
loader: "restyle-loader"
},
{
loader: "file-loader",
options: {
name: "[name].css?[hash:8]"
}
}
]
}Hash is required to enable HMR
bundle.js
require("./index.css");
// Bundle code here...index.html
<!-- ... -->
<head>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<!-- ... -->after the loader runs it becomes
<!-- ... -->
<head>
<link rel="stylesheet" type="text/css" href="css/index.css?531fdfd0">
</head>
<!-- ... -->
Daniel Verejan |