zoukankan      html  css  js  c++  java
  • 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请求;

  • 相关阅读:
    LayUI上传图片
    快递查询
    安装 Python
    HTML5 WebSocket
    反射实例
    反射
    工厂模式之工厂方法案例
    工厂模式之简单工厂案例
    第三方登录
    封装条形码MaHelper
  • 原文地址:https://www.cnblogs.com/lwj820876312/p/9116427.html
Copyright © 2011-2022 走看看