搜索
您的当前位置:首页正文

webpack加载不了css解决办法

2020-11-27 来源:知库网

webpack为什么加载不了css?以下是webpack加载css报错代码,自己遇到的,希望对大家有帮助!

这个app是用react写的。

webpack的loader设置是这样的

module:{
 loaders: [
 {
 test: /\.jsx?$/,
 exclude: /node_modules/,
 loader: 'babel',
 },
 
 { 
 test: '/\.css$/', 
 loaders: ['style', 'css'],
 include: __dirname,
 },
 ],
 },

也安装了css-loader, style-loader

但当加载css,import './stylesheets/all.css';
就会报错:

./app/stylesheets/all.css
Module parse failed: D:\FrontEnd\mzFM-web\app\stylesheets\all.css Unexpected token (1:11)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:11)

webpack加载不了css解决原因和办法:

原来test:'/\.css$/'这里写错了。
应该是test:/\.css$/ 不带''

相关CSS课程推荐:Gxl网CSS视频在线教程

Top