Fatal编程技术网
  • sass/
  • Sass 图像不通过网页包/scss/背景图像显示

Sass 图像不通过网页包/scss/背景图像显示

sass webpack

Sass 图像不通过网页包/scss/背景图像显示,sass,background-image,webpack,webpack-style-loader,Sass,Background Image,Webpack,Webpack Style Loader,我对网页有一个奇怪的问题-背景图像，即使一个好的链接（I guese）没有出现 我必须创建简单的背景图像。所以在我的html中 <div class="logo-full"></div> 我的网页包配置 *当我指定像http这样的url时，一切都很好 module: { loaders: [ ... { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}, 结果是： 网页包成功

我对网页有一个奇怪的问题-背景图像，即使一个好的链接（I guese）没有出现

我必须创建简单的背景图像。所以在我的html中

<div class="logo-full"></div>
我的网页包配置

*当我指定像http这样的url时，一切都很好

module: {
    loaders: [
       ...
      { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'},
结果是：

  • 网页包成功地将图像从目录复制到/dist文件夹，并在smt上重命名，如52ae92bfd5cdfa20dc2167de694b59e1.png

  • 在我的devtool浏览器中，我有正确的（我希望）url

    .标志完整{ 背景图片：url（52ae92bfd5cdfa20dc2167de694b59e1.png）； 因为我直接在/dist文件夹中保存的每个编译文件

  • 但即使不显示此图像的

    • 我尝试将图像放在与scss文件相同的级别，尝试使用“~”。我不知道我做错了什么-请帮助：）

    我今天通过webpack解决了一个类似的问题

  • 使用
    {test:/\.html$/，加载程序：'html loader'}，
    ，在
    {test:/\.html$/，加载程序：'raw'}，

  • 对图像使用
    文件加载程序
    覆盖
    url加载程序

    • 也许有人还没弄明白：）

    我今天用webpack解决了一个类似的问题

  • 使用
    {test:/\.html$/，加载程序：'html loader'}，
    ，在
    {test:/\.html$/，加载程序：'raw'}，

  • 对图像使用
    文件加载程序
    覆盖
    url加载程序

    • 也许有人还没弄明白：）

    module: {
    loaders: [
       ...
      { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'},