野生前端菜鸟
2017-02-20 00:30
为什么解析不了common.css文件
报错信息上有一个unexpected toked
你的冒号是英文冒号吗?
这样写就解决了:
module: {
rules: [
{
test: /\.css$/,
use: [
// [style-loader](/loaders/style-loader)
{ loader: 'style-loader' },
// [css-loader](/loaders/css-loader)
{
loader: 'css-loader',
options: {
modules: true
}
},
]
}
]
}
module: {
rules: [
{
test: /\.css$/,
use: [
// [style-loader](/loaders/style-loader)
{ loader: 'style-loader' },
// [css-loader](/loaders/css-loader)
{
loader: 'css-loader',
options: {
modules: true
}
},
]
}
]
}
??一模一样的问题,纠结了好久,也去官网看了好几遍css-loader的,就是找不出什么原因?
为什么我webpack打包成功,cmd不报错,但是css样式却不起左右?浏览器提示Failed to load resource: net::ERR_FILE_NOT_FOUND
代码如下:
const path=require('path');
module.exports={
entry:"./src/js/main.js",
output:{
path:path.resolve(__dirname,"dist"),
filename:"bundle.js"
},
module:{
rules:[
{test:/\.css$/,use:['style-loader','css-loader']}
]
}
}
项目结构如下:
cmd打包运行成功:
浏览器提示
test: /\.css$/ 不能加单引号
我是在app.js中import 'style-loader!css-loader!./css/common.css';这样引用才没有报错了,同问,请问是什么问题啊
遇到了同样的问题,老师的演示是 webpack 1.0,你的是 2.0,要使用新的语法:
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [ 'style-loader', 'css-loader' ]
}
]
}}
这种错误,一般都是字符打错
可是我的css文件应该没有写错把
webpack深入与实战
86561 学习 · 721 问题
相似问题