vue本地项目静态资源管理

vue本地项目静态资源管理


统一放在src/static里面css,images,js

 

index.html里面使用重置样式

 

<link rel="stylesheet" href="static/css/reset.css">
 
 

组件里面使用图片 <div><img src="/static/img/img1.jpg"></div>

 

css使用背景图片
background: url(/static/img/img1.jpg) no-repeat;


npm run build之前需要将config/index.js

assetsPublicPath: '/'     修改成    assetsPublicPath: './'

 

打包之后网站根目录www里面直接放static目录和index.html

 

 

个人建议还是将自定义的css样式和js样式都在main.js中引入,这样纸打包之后生成的是一个文件(已经被整合了)

如果在index.html中引入的话,head里面有多个文件,这样就增加了http请求;

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读