在我的项目中,我有一些scss,并且可以使用webpack正确构建和捆绑所有内容。在我的scss文件中,我有一些网址来获取一些图像。这样的:
background-image: url(../img/example.svg),
这可以通过webpack中的以下加载器来完成:文件加载器,sass加载器,css加载器和minicssextractplugin。这是有效的webpack配置:
{
module: {
rules: [
{
test: /\.s?[ac]ss$/,
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
},
{
loader: 'sass-loader',
}
],
},
{
test: /\.(svg)(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: 'file-loader',
options: {
limit: 8192
},
}
]
},
]
},
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css'
})
]
}
我的问题是在输出文件夹(dist)中,我具有所有图像(请参阅树下面的内容。)>
dist |---- bundle.js |---- bundle.css |---- images |---- example.svg
我的想法是将URL设置为伪造的URL,但我不希望sass解析该URL并加载图像。我只想按原样添加url,而不希望它检查给定的路径。你知道怎么可能吗?
在我的项目中,我有一些scss,并且可以使用webpack正确构建和捆绑所有内容。在我的scss文件中,我有一些网址来获取一些图像。这样的:background-image:url(../ img / example ....
根据我对精度的理解,您有两个项目child_project
和root_project
,这是您的目标: