- 主题:webpack打包css到js时,url路径能不能改?
首先说一下,不是打包到单独css文件,而是和js打包到一起。
写的时候,背景图的url是相对于css文件来的,但是打包后,嵌入到html的style tag里,url路径还是原来那个,所以不对。
问题是,看了好几个小时资料,没看到解决办法,都是打包成单独css文件才有解。
询问一下,我的需求,到底有没有解决办法,谢谢。
--
FROM 49.222.136.*
补充一问,webpack能不能纯粹搬文件和搬目录?
比如打包生产版的时候,都打包到prod文件夹下,但是图片和html没处理,也不希望被处理,只是希望html文件和图片文件夹(包括里面的图片)搬过去,用webpack咋实现。
【 在 xiatianup (李 ,只是期待夏天!!) 的大作中提到: 】
: 首先说一下,不是打包到单独css文件,而是和js打包到一起。
: 写的时候,背景图的url是相对于css文件来的,但是打包后,嵌入到html的style tag里,url路径还是原来那个,所以不对。
: 问题是,看了好几个小时资料,没看到解决办法,都是打包成单独css文件才有解。
: ...................
--
FROM 49.222.136.*
比如原来css文件里有个body{background:url(../images/pic1.jpg);}
打包完之后,css文件里的内容就到html的style标签里了,路径却还是之前那个(css文件和html不在同一级目录,所以路径就不对)。
可以明白?
那2个loader看过,搞不定。
【 在 HatsuneMiku 的大作中提到: 】
: 不知道你具体是啥问题,
: 不过用 style-loader, css-loader 能解决你的问题不?
--
FROM 119.97.9.*
我没有转为dataurl的需求,纯粹就时路径不对。
【 在 darwin2009 (达尔文) 的大作中提到: 】
: webpack管不到吧:
: vue的做法是编译时自动将jpg文件变成base64,
: angular的做法不用相对路径,比如url(../../assets/images/123.jpg),改成url(~assets/images/123.jpg)
: ...................
--
FROM 119.79.94.*