[英]Webpack style!css!sass loaders
我是Sass的新手,所以可能这是我的错误。 反正让我描述一下问题
html文件
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Rss</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Yahoo</a></li>
</ul>
我想为一些社交网络创建一个简单的链接列表。 对于构建,我将Webpack与css-loader,sass-loader和style-loader结合使用。
...
module: {
loaders: [
{
test: /\.scss$/,
loaders: ['style',"css", "sass"]
}
]
}
...
当我没有尝试为我的每个li元素添加图片时,效果很好
sass文件
$icons:(facebook, google, linkedin, rss, twitter, yahoo);
@each $item in $icons{
.#{$item} {background: url('./images/#{$item}.png') no-repeat;}
}
我走错了
意外的令牌非法您可能需要适当的加载程序来处理此文件类型。
所有图像都存在于此文件夹中。
我究竟做错了什么? 我只想为背景图像建立一个简单的网址。
您可能需要添加url-loader:
{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.