使用哈希值来更新 `` 的 href 属性的值,以此触发样式重载。
1.1. 安装
npm install --save-dev restyle-loader
1.2. 用法
1.3. 示例
webpack.config.js
{
test: /\.css?$/,
use: [
{
loader: "restyle-loader"
},
{
loader: "file-loader",
options: {
name: "[name].css?[hash:8]"
}
}
]
}
哈希对启用HMR是必须的。
bundle.js
require("./index.css");
// Bundle code here...
index.html
<!-- ... -->
<head>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<!-- ... -->
loader 变成之后将变为:
<!-- ... -->
<head>
<link rel="stylesheet" type="text/css" href="css/index.css?531fdfd0">
</head>
<!-- ... -->
1.4. 维护者
Daniel Verejan |