vue本地项目静态资源管理

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

index.html里面使用重置样式

组件里面使用图片 <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请求；

转载于:https://www.cnblogs.com/lan-cheng/p/9520725.html

vue本地项目静态资源管理相关推荐

vue本地项目实现局域网访问
vue本地项目实现局域网访问首先需要在同一个网络中,才能进行互相访问记得先关闭防火墙(若是需要长时间关闭防火墙觉得不安全请参考这篇博客) 首先需要找到config下的index.js文件,更改访问 ...
Vue本地项目实现其他局域网电脑在线访问
Code Is Never Die ! 项目在本地npm run dev跑起来,默认为http://localhost:8080在当前IP下访问没有问题,但是同一局域网下的其他同事却访问不了,显示ER ...
vue本地项目配置图片加载失败_vue图片加载失败时用默认图片替换的方法
vue图片加载失败时用默认图片替换的方法前言本文主要给大家介绍的关于vue实现图片加载失败时用默认图片替换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧方法如下原理 ...
vue本地项目启动时遇到coreJs相关报错问题处理
今天在启动本地的vue项目时,编译后报错是因为core.js这个包丢失,需要大家重新下载即可命令如下: ①使用npm的 npm install core-js@3 有淘宝镜像就:cnpm inst ...
vue本地项目——小黑记事本
B站看到了一套vue框架入门课程,敲了一个小项目(小黑记事本),欢迎批评指教. 一.实现效果输入框输入任务,按下回车键,添加到任务最后鼠标移动到某项任务,该任务后面出现红色叉号,点击可删除次任务 ...
本地运行vue.js项目，如何更改调试的默认端口？
运行本地vue.js项目,如何更改调试的默认端口? 之前学会了安装和使用node.js.npm.cnpm.webpack等相关的一些知识和技巧, 但是在搭建vue.js框架,进行开发的时候,会发现在进 ...
本地如何安装运行多个vue.js项目？
如何安装多个vue.js项目? 在研究vue.js框架的时候,往往会从网站上搜一些别人已经写好的vue小项目,然后安装到本地,运行,查看浏览器的UI界面和功能效果. 本文着重讲解一下,如何安装已经下载 ...
vue本地静态图片的路径问题解决方案
vue本地静态图片的路径问题解决方案参考文章: (1)vue本地静态图片的路径问题解决方案 (2)https://www.cnblogs.com/ranyonsue/p/11608760.html ...
java 资源映射访问本地磁盘的文件或者访问项目静态资源
1.创建一个配置类实现MvcConfigur接口或者继承WebMvcConfigurationSupport类(WebMvcConfigurationAdapter在Spring5以后已过时) 1. ...

vue本地项目静态资源管理

vue本地项目静态资源管理相关推荐

最新文章

热门文章