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

一:html中   用法


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

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

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



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

    

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

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


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

你可能感兴趣的:(webpack +vue-cli dev+build 图片路径在 html+css+js 中写法)