I want to add image in backround. But I get such error.
scss
&>input:checked+span::before {
border-color: $bg;
background-color: $bg;
transition: all 0.4s ease;
background-image: url("../../images/check.png");
}
Webpack:
module.exports = [
{
// CSS Loader
test: /\.css$/,
use: [
{loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
{loader: 'css-loader'},
],
},
{
// Less loader
test: /\.less$/,
use: [
{loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
{loader: 'css-loader'},
{loader: 'less-loader'},
],
},
{
// scss loader
test: /\.scss$/,
use: [
{loader: inDev() ? 'style-loader' : MiniCssExtractPlugin.loader},
{loader: 'css-loader'},
{loader: 'sass-loader'},
],
},
{
// Images Loader
test: /\.(gif|jpe?g|tiff|png|webp|bmp|svg)$/,
use: [
{
loader: 'file-loader',
options: {
publicPath: 'assets/images',
outputPath: 'assets/images',
},
},
],
},
];
I tried to download picture from internet and this way to add background image. Everything works ok. But for some reasons I cannot import it in my css.