使用Webpack将公共路径附加到scss文件中的url('address')

时间:2016-08-26 16:02:42

标签: webpack webpack-style-loader

我开发了单页网页应用程序。

问题是图像文件的路径是以绝对方式定义的。

因此,我试图将'./public'添加到这些路径中,这意味着图像文件位于公共文件夹下。(在本地开发环境中我使用代理来处理这种情况并且在生产服务器的环境中代理可以不被使用)

[ex] url('/ image / headers / picture.png'),用scss文件写成=> url('./ public / image / headers / picture.png'),转换为bundle.js文件]

我认为通过将file-loader或url-loader用于webpack.configure文件可以很容易地解决这个问题:

output:{
    publicPath:'./public'
}
module:{
    loaders:[
        {test:/\.(|png|gif)$/,loader:'file-loader'}
    ]
}

但是,当我打开bundle.js文件时,publicPath不会添加到原始图像路径中。我尝试使用resolve-url-loader,但它只适用于相对路径的类似情况。

感谢您的关注,我是webpack的新手。我已经看过其他类似的问题而没有运气,如果这感觉就像是被问到了那就很抱歉

0 个答案:

没有答案