webpack HMR未加载css
webpack HMR未加载css
提问于 2018-07-11 23:22:10
一个简单的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';~
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51289135
复制相关文章
相似问题