npm deps test coverage chat

1. restyle-loader

使用哈希值来更新 `` 的 href 属性的值,以此触发样式重载。

1.1. 安装

npm install --save-dev restyle-loader

1.2. 用法

Documentation: Using loaders

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
Copyright © tuzhu008 2017 all right reserved,powered by Gitbook该文件修订时间: 2017-11-25 16:17:12

results matching ""

    No results matching ""