webpack +vue-cli dev+build 图片路径在 html+css+js 中写法

一:html中 <img :src ='  '/>  <img  src =' ' />用法


webpack +vue-cli dev+build 图片路径在 html+css+js 中写法

1.html中 绑定src属性写法 直接把需要用的图片放到static下文件夹下;
2.和1使用同一个目录中文件中的图片,是 img 自带src属性,不是js绑定的src;

3.img自带src的另一种写法是在组件中建images 文件直接用相对路径引用,和普通情况下src 引用一样;



二:js 中引用img地址写法 (类似一中在1:html中的写法):

    webpack +vue-cli dev+build 图片路径在 html+css+js 中写法

三:css中background url地址写法(类似一中在3:html中的写法):

webpack +vue-cli dev+build 图片路径在 html+css+js 中写法


最后附上module 配置(有些是webpack.config.js文件,大同小异
webpack +vue-cli dev+build 图片路径在 html+css+js 中写法