如何处理公共资源的引用路径?
有3种情境:
1.对css
预处理器中variable
文件的引用,下级目录对其进行引用要写许多../../
。尝试在最顶层的css
文件中引入,发现对下级的并无效果。(这里webpack用了 ExtractTextPlugin
,整合css
文件,不知是否有影响)
2.对全局的静态资源引用,比如说在assert
文件中存放了图片之类的资源,下级进行引用一样要写许多../../
。查到可以用url-loader
或是CopyWebpackPlugin
,改变打包文件目录,但是如果用了url-loader
生成dataurl
这种用法,该如何使用?
3.在一个文件夹里比如说common
里放了一些多级目录都用到的公共组件,这个时候引用一样需要写许多../../
。但是js
文件打包出来就是一个bundle
,个人看了下似乎可以用dll
的方式,但是这样和发一个包有点类似,一旦更改重新打包比较不方便。是否有什么合适的方式?