为何WebPack HMR没有加载CSS?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (124)

一个简单的WebPack配置但不起作用:

var path = require("path");
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  module: {
    rules: [
      {
        test:/\.css$/,
        use:['style-loader','css-loader']
      }
    ]
  },
    plugins: [
    new HtmlWebpackPlugin({
        hash: true,
        filename: 'index.html',
        title: 'My Awesome application',
        myPageHeader: 'Hello World',
        template: './src/index.html',
      })
    ],
    devServer: {
      port: 8000,
      hot: true
    },

};

当我运行“hot:false”时,我的CSS被加载,但是用“hot:true”我可以看到我的HTML,但样式没有加载...

"webpack": "^4.16.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4"

如果我用webpack然后在我的浏览器中打开Dist/index.html,它也能工作。

在index.js中我导入了我的css:

import './styles/app.css';
提问于
用户回答回答于

我删除hot: true并添加--hot到我的脚本选项,命令行版本自动添加插件。

扫码关注云+社区

领取腾讯云代金券