Webpack学习记录（一）模块热替换

最新推荐文章于 2025-10-16 16:52:09 发布

原创最新推荐文章于 2025-10-16 16:52:09 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #css #style-loader #模块热替换

CSS 同时被 2 个专栏收录

5 篇文章

订阅专栏

webpack

1 篇文章

订阅专栏

本文介绍了一个关于Webpack配置中CSS文件加载失败的问题及其解决方案。主要问题是由于缺少适当的加载器来处理CSS文件，导致模块解析失败。文章提供了具体的错误信息及如何通过引入style-loader等工具来解决问题的方法。

执行报错：

[failed] [1 error]
    + 29 hidden modules

ERROR in ./src/styles.css
Module parse failed: Unexpected token (1:5)
You may need an appropriate loader to handle this file type.
| body {
|   background: blue;
| }
 @ ./src/index.js 3:0-21
 @ multi ./node_modules/_webpack-dev-server@2.11.1@webpack-dev-server/client?http://localhost:8080 webpack/hot/only-dev-server ./src/index.js