webpack是怎么打包文件的

答案:3 悬赏:20 手机版

解决时间 2021-02-06 21:55

提问者网友：書生途
2021-02-06 05:48

webpack是怎么打包文件的

最佳答案

五星知识达人网友：夜余生
2021-02-06 07:06

当作为背景图的时候,小于limit的时候,会以 base64 显示图片,当图片大于 limit 的时候会将图片生成到 image/ 目录下,但是奇葩的地方出现了

background-image:url("../image/xxx.jpg")
//在打包后的css文件会变成
background-image:url(image/xxx.jpg)
//没有了 ../ 和双引号,尽管image目录下有图片,但是引用路径不对

全部回答

1楼网友：孤独入客枕
2021-02-06 09:05

好吧，自己二了，在package.json的build命令前执行自定义的文件写入js就可以了。。 "scripts": { "dev": "node build/create-index.js && node build/dev-server.js", "build": "node build/create-index.js && node build/build.js" }

2楼网友：一袍清酒付
2021-02-06 08:27

这个任务并不是webpack可以胜任的，虽然webpack cover了一部分gulp/grunt的职能，但是不要忘了webpack的名字，它主要功能还是在于package，所以还是使用gulp/grunt进行上传吧，至于打包的task可以使用gulp-webpack这类插件来调用webpack。关于上传server这个插件可以满足你

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！