webpack +vue-cli dev+build 图片路径在 html+css+js 中写法
一:html中 <img :src =' '/> <img src =' ' />用法
1.html中 绑定src属性写法 直接把需要用的图片放到static下文件夹下;
2.和1使用同一个目录中文件中的图片,是 img 自带src属性,不是js绑定的src;
3.img自带src的另一种写法是在组件中建images 文件直接用相对路径引用,和普通情况下src 引用一样;
二:js 中引用img地址写法 (类似一中在1:html中的写法):
三:css中background url地址写法(类似一中在3:html中的写法):
最后附上module 配置(有些是webpack.config.js文件,大同小异)