webpack为什么加载不了css？

原文地址: https://segmentfault.com/q/1010000005099261

这个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)

解决:

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

转载于:https://www.cnblogs.com/dfyg-xiaoxiao/p/6748416.html

webpack为什么加载不了css？相关推荐

webpack 中的加载器简介||webpack 中加载器的基本使用——1. 打包处理 css 文件 2. 打包处理 less 文件 3.打包处理 scss 文件
webpack 中的加载器 1. 通过 loader 打包非 js 模块在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 .js 后缀名结尾的模块, webpa ...
html字体库otf文件使用,在webpack中加载.otf字体文件的正确方法是什么？
使用webpack时加载.otf字体文件的适当方式是什么?我曾多次尝试包括在我的webpack.config.js的规则,没有任何成功的基础上,很多例子我大致如下的线路看出:对于在webpack中加载 ...
Webpack的加载器
一.什么是加载器(loaders) loaders 用于转换应用程序的资源文件,他们是运行在nodejs下的函数使用参数来获取一个资源的来源并且返回一个新的来源(资源的位置),例如:你可以使用loa ...
webpack 热加载原理探索
前言在使用 dora 作为本地 server 开发一个 React 组件的时候,默认使用了 hmr 插件.每次修改代码后页面直接更新,不需要手动 F5 ,感觉非常惊艳,这体验一旦用上后再也回不去了. ...
动态加载javascript和css
动态加载javascript和css 一.动态加载javascript方法 <script type="text/javascript"> var style = do ...
css --- 让不同的浏览器加载不同的CSS
// 通过条件注释让不同的浏览器加载不同的CSS  除IE外都可识别  <!--[i ...
wordpress home.php,WordPress主题通过function.php来加载js和css文件
WordPress主题开发的时候可以直接将需要的js或css写在head标签中,但是现在已经不主张这种加载方式了,现在WordPress主题通过function.php来加载js和css文件. 基本架 ...
php 无法加载css文件,解决ThinkPHP样式无法加载问题（CSS,JS）,
解决ThinkPHP样式无法加载问题(CSS,JS)解决了ThinkPHP风格无法加载的问题(CSS,JS),以下是thinkphp框架教程栏目,对ThinkPHP风格无法加载(CSS,JS)问题的解 ...
正确加载 Javascript 和 CSS 到 WordPress
2019独角兽企业重金招聘Python工程师标准>>> 有两种常用的 add_action 钩子可以加载脚本和CSS到WordPress: init: 确保始终为您的网站头部加载脚 ...

webpack为什么加载不了css？

webpack为什么加载不了css？相关推荐

最新文章

热门文章