fis3-hook-relative

fis3-hook-relative copied to clipboard

css中img路径问题

4

通过@import url("xx/xx/abc.css?__inline"); 引入的css中如果有背景图片不能转换成相对路径

qingxiao

与 fis-optimizer-html 插件一起使用，在 parse 解析的时候会报错 建议将 __relative

renxia

同时使用csssprite和allInOne打包，会导致css代码的sprite不生效

3

fis-conf.js ``` // 启用插件 fis.hook('relative'); // 让所有文件，都使用相对路径。 fis.match('**', { relative: true }) fis.match('::package', { postpackager: fis.plugin('loader', { allInOne: true }) }); fis.match('::package', { spriter: fis.plugin('csssprites') }) // 合成雪碧图 fis.match('*.css', {...

urrrich

安装成功使用报错

10

运行如下命令安装： npm install -g fis3-hook-relative 控制台显示： [email protected] C:\User\user\AppData\Roaming\npm\node_modules\fis3-hook-relative 应该是安装成功了吧 fis配置文件： // 启用插件 fis.hook('relative'); // 让所有文件，都使用相对路径。 fis.match('**', { relative: true }) fis命令： fis3 release -d ../dist 控制台报错： [ERROR] unable to load...

MinosIE

状况： html中?__inline引用css，会出现路径是图片相对css的路径，不是相对html的。 触发条件： 同一个css，被__inline和非__inline两种html引用，inline调用的多，相对Html的路径，反之生成相对css的路径，不是100%; 多个html文件__inline引用同一个css的时候路径正常概率会很大； 单个html文件__inline引用一个css的时候很小概率会路径正常 单个__inline调用，路径非常大概率不正常，release 加了 -w，修改css以后路径又正常

leon776

release 后路径错误可能是什么原因 ？？

2

html 中的 src="/assets/js/mod.js" src=__relative("/assets/js/mod.js") fis3 版本： 3.3.6 fis3-hook-relative ： 1.0.9 fis3-postpackager-loader ： 2.1.3

liaobin312716

用__inline("xxx.html") html中有img标签，如下： ``` ``` 它会把图片地址变成绝对路径。 base64是一种解决方案，但是如果引入的html中有banner这种，就不是太好处理了。 求个方案

henryzp

background: #fff url("../img/smile.png?__sprite&v=160707") no-repeat;

shenjinglu

js引用资源路径错误

1

如果 js 文件中有引用其他资源的情况。相对路径相对的其实不是 js 所在目录，而是页面所在目录。所以这块，如果要正确处理，也需要配置 relative 属性。 这句话怎么理解，在js引用的地址是否要配置成自己打包的地址？还是直接用相对地址去获取？

rockey-hong

编译后相对路径出错

2

配置文件： ``` js fis.match('**', { //relative,是制定文件使用相对路径 relative: true }); ``` 源文件： ``` css body { background: url('../css/images/yq-bg04.jpg') no-repeat; } ``` 编译后 ``` js body { background: url(__relative('/template_html/huifang/css/images/yq-bg04.jpg')) no-repeat; } ```...

jinxiaodan