Webpack 复制 html 中的样式
我的 html：
<!-- head -->
<body>
<script src="index.js"></script>
</body>
我的 webpack.config.js：
module: {
rules: [
{
test: /\.css$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
]
},
],
}
开发依赖项：
"devDependencies": {
"css-loader": "^6.6.0",
"html-webpack-plugin": "^5.5.0",
"style-loader": "^3.3.1",
"webpack": "^5.69.1",
"webpack-cli": "^4.9.2"
}
我正在运行：webpack --mode=development 或 webpack --mode=development，但在 html 文件中，我看到：
<style></style>
<style> // Equal content </style>
My html:
<!-- head -->
<body>
<script src="index.js"></script>
</body>
My webpack.config.js:
module: {
rules: [
{
test: /\.css$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
]
},
],
}
Dev dependecies:
"devDependencies": {
"css-loader": "^6.6.0",
"html-webpack-plugin": "^5.5.0",
"style-loader": "^3.3.1",
"webpack": "^5.69.1",
"webpack-cli": "^4.9.2"
}
I'm running: webpack --mode=production or webpack --mode=development, but in html file, I see:
<style></style>
<style> // Equal content </style>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论