zoukankan      html  css  js  c++  java
  • 如何解决webpack中css背景图片的绝对地址

     在项目开发中,一般写相对路径是没有问题的,但是在项目比较大的情况下,我的scss文件可能为了方便管理,会放在不同的文件夹下,有的可能又不需要放在文件夹下,比如我的scss文件结构如下:

     module

       common.scss

       test.scss

    about

       about.scss

       login.scss

    index.scss

    比如目录是这样的,common.scss里用相对路径引用的图片,那about文件下的login.scss @import common.scss, 同时index.scss 也@import common.scss,那路径就不能同时满足2个个scss文件的需求,我们就需要用绝对路径来处理,那如何用绝对路径呢?

    开始尝试了用webpack的插件resolve-url-loader去解决,不过折腾半天还是没有实现,最后是通过在公共的common.jsx文件里直接require(' common.scss'),这样别的模块在需要使用公共模块common.jsx的时候,require('common.jsx')连同scss文件一起引入进去了,这样就解决了图片路径的问题了。当然这只是其中的一个方法

     

  • 相关阅读:
    HBase 列族数量为什么越少越好
    Hbase 认识及其作用
    Hbase 源码讲解
    Hbase 目录树
    rabbitmq 连接过程详解
    rabbit 兔子和兔子窝
    rabbit 函数参数详解
    rabbitmq 用户和授权
    火狐浏览器安装有道插件
    rabbitmq vhost
  • 原文地址:https://www.cnblogs.com/laneyfu/p/6337389.html
Copyright © 2011-2022 走看看