Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用webpack sass loader时如何保留原始url()_Webpack - Fatal编程技术网

使用webpack sass loader时如何保留原始url()

使用webpack sass loader时如何保留原始url(),webpack,Webpack,有没有办法在SASS文件的网页包处理后保留我的原始图像/目录结构。我不想对图像进行散列或内联。我希望URL()与sass文件的外观完全相同,如下所示:../images/* 原始SCS: background: url(../images/icon.gif); 网页包配置: { test: /\.css$/, loader: 'raw-loader' }, { test: /\.scss$/, loader: ExtractTextPlugin.extract('css!resolve-

有没有办法在SASS文件的网页包处理后保留我的原始图像/目录结构。我不想对图像进行散列或内联。我希望URL()与sass文件的外观完全相同,如下所示:../images/*

原始SCS:

 background: url(../images/icon.gif);
网页包配置:

{ test: /\.css$/,  loader: 'raw-loader' },
{ test: /\.scss$/,  loader: ExtractTextPlugin.extract('css!resolve-url!sass?sourceMap') },
{ test: /\.(png|gif|bmp)$/,  loader: "file-loader",  query: "name=[path][name].[ext]"            } 
                                        can anything be done here ^^^^^ to make it original path
输出:

background:url(src/images/icons/icon.gif) 
使用

用于复制图像 新的CopyWebpackPlugin

使用url加载器而不是文件加载器似乎工作得更好:{test://\(png | gif | bmp)$/,加载器:“url加载器”,查询:“name=[path][name].[ext]”
        {
            test   : /\.css$/,
            loaders: ['style-loader', 'css-loader?url=false']
        }, {
            test   : /\.scss$/,
            loaders: ['style-loader', 'css-loader?url=false' , 'sass-loader?sourceMap']
        }