一: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 中写法

相关文章:

  • 2022-12-23
  • 2021-09-23
  • 2021-11-13
  • 2022-12-23
  • 2022-01-19
  • 2022-01-15
  • 2022-12-23
  • 2022-01-17
猜你喜欢
  • 2021-05-21
  • 2021-04-17
  • 2021-05-31
  • 2021-07-14
  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
相关资源
相似解决方案