webpack - css 加载器不工作 - webpack 无法识别 css 类型文件
问题描述
这是我的webpack.config.js
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
},
{
test: /\.png$/,
use: 'file-loader'
}
]
}
};
module.exports = {
mode: "development"
}
style.css文件_
.hello {
color: red
}
我确实安装了: npm install --save-dev style-loader css-loader 但是,我得到了这个解析错误。不确定它是什么
模块解析失败:意外令牌 (1:0) 您可能需要适当的加载器来处理此文件类型,目前没有配置加载器来处理此文件。见https://webpack.js.org/concepts#loaders
.你好{ | 颜色:红色 | }
解决方案
推荐阅读
- python-2.7 - 如何修复 Python 请求中的“完成请求前进程已退出”?
- maven - 无法强制 Apache Karaf 加载新版本的包(版本不带“-SNAPSHOT”)
- ios - 错误:沙箱与 Podfile.lock 不同步
- android - 如果在 relativeLayout 中滚动视图,则 ScrollTo 不起作用
- json - 如何在 React JS 中创建字母表和输入搜索
- r - 从页面中抓取所有详细信息
- facebook - 无法从 Instagram 图形 API 媒体节点获取所有字段
- javascript - 当我尝试添加 XSRF 令牌时,Angular 正在删除我的 cookie
- html - 一些样式在最小化的 CSS 中没有考虑到
- html - 不会溢出父级的响应式方形伪元素