求web前端哥哥姐姐们做一小webpack4样式加载,愿以身相许!

css3中新增的webpack4样式加载可能还存在兼嫆性问题 这个时候就需要我们添加浏览器内核的前缀
我们可以使用webpack自动帮我们添加 前缀

到这里 还不行 你只是引入了 加前缀的插件 但并没有指明什么条件下 加前缀 还需要一个条件的文件

在学习webpack加载图片时想加载指定目录下的图片时,浏览器报错


也就是说, 打包之后这个图片文件找不到了, 那么原因出在哪里呢?

再看下项目根目录结构:通过浏览器的报错信息可以发现, build.js为我们指定的这个图片的地址明显不正确, 

在默认情况下, 打包过程会将使用到的图片拷贝一份放到output的path指定的目录下, 然而在build.js中引用嘚图片路径确实整个工程文件的根目录, 因此自然引用不到.


只要在模板中把图片存放图片的文件路径写对就可以了


下面图片是引用图片的源玳码

我要回帖

更多关于 web样式 的文章

 

随机推荐