- 主题: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.*
不知道你具体是啥问题,
不过用 style-loader, css-loader 能解决你的问题不?
--
FROM 123.114.125.*
比如原来css文件里有个body{background:url(../images/pic1.jpg);}
打包完之后,css文件里的内容就到html的style标签里了,路径却还是之前那个(css文件和html不在同一级目录,所以路径就不对)。
可以明白?
那2个loader看过,搞不定。
【 在 HatsuneMiku 的大作中提到: 】
: 不知道你具体是啥问题,
: 不过用 style-loader, css-loader 能解决你的问题不?
--
FROM 119.97.9.*
webpack管不到吧:
vue的做法是编译时自动将jpg文件变成base64,
angular的做法不用相对路径,比如url(../../assets/images/123.jpg),改成url(~assets/images/123.jpg)
(编译出的js文件与assets文件夹同一级)
【 在 xiatianup 的大作中提到: 】
:
: 比如原来css文件里有个body{background:url(../images/pic1.jpg);}
:
: 打包完之后,css文件里的内容就到html的style标签里了,路径却还是之前那个(css文件和html不在同一级目录,所以路径就不对)。
:
#发自zSMTH@MI MAX
--
FROM 49.77.162.*
额,你说的这两个都是 webpack 做的
vue 的“编译”系统就是用的webpack
【 在 darwin2009 的大作中提到: 】
: webpack管不到吧:
: vue的做法是编译时自动将jpg文件变成base64,
: angular的做法不用相对路径,比如url(../../assets/images/123.jpg),改成url(~assets/images/123.jpg)
: ...................
--
FROM 123.114.125.*
嗯,是 url-loader 在起效果。
【 在 HatsuneMiku 的大作中提到: 】
:
: 额,你说的这两个都是 webpack 做的
: vue 的“编译”系统就是用的webpack
:
: 【 在 darwin2009 的大作中提到: 】
#发自zSMTH@MI MAX
--
FROM 49.77.162.*
我没有转为dataurl的需求,纯粹就时路径不对。
【 在 darwin2009 (达尔文) 的大作中提到: 】
: webpack管不到吧:
: vue的做法是编译时自动将jpg文件变成base64,
: angular的做法不用相对路径,比如url(../../assets/images/123.jpg),改成url(~assets/images/123.jpg)
: ...................
--
FROM 119.79.94.*