当前位置: 首页 > news >正文

网站建设 app网络营销策划书的结构

网站建设 app,网络营销策划书的结构,海口网站建设方面,网站建设费用是否资本化目录 静态资源可以通过两种方式进行处理: URL 转换规则 public 文件夹 何时使用 public 文件夹 public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中,资源链接会被自动注入。另外,Vue CLI 也会自动注入 re…

目录

静态资源可以通过两种方式进行处理: 

URL 转换规则

public 文件夹

何时使用 public 文件夹

public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中,资源链接会被自动注入。另外,Vue CLI 也会自动注入 resource hint (preload/prefetch、manifest 和图标链接 (当用到 PWA 插件时)) 以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接

静态资源可以通过两种方式进行处理: 

  • 在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。

  • 放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝,而不会经过 webpack 的处理。

从相对路径导入
当你在 JavaScript、CSS 或 *.vue 文件中使用相对路径 (必须以 . 开头) 引用一个静态资源时,该资源将会被包含进入 webpack 的依赖图中。在其编译过程中,所有诸如 <img src="...">、background: url(...) 和 CSS @import 的资源 URL 都会被解析为一个模块依赖

例如:
url(./image.png) 
会被翻译为 
require('./image.png'),
而:
<img src="./image.png">
将会被编译到:
h('img', { attrs: { src: require('./image.png') }})

在其内部,我们通过 file-loader 用版本哈希值和正确的公共基础路径来决定最终的文件路径,再用 url-loader 将小于 4kb 的资源内联,以减少 HTTP 请求的数量。

你可以通过 chainWebpack 调整内联文件的大小限制。

URL 转换规则

  • 如果 URL 是一个绝对路径 (例如 /images/foo.png),它将会被保留不变。

  • 如果 URL 以 . 开头,它会作为一个相对模块请求被解释且基于你的文件系统中的目录结构进行解析。

  • 如果 URL 以 ~ 开头,其后的任何内容都会作为一个模块请求被解析。这意味着你甚至可以引用 Node 模块中的资源:

<img src="~some-npm-package/foo.png">
  • 如果 URL 以 @ 开头,它也会作为一个模块请求被解析。它的用处在于 Vue CLI 默认会设置一个指向 <projectRoot>/src 的别名 @(仅作用于模版中)

public 文件夹


任何放置在 public 文件夹的静态资源都会被简单的复制,而不经过 webpack。你需要通过绝对路径来引用它们。

注意我们推荐将资源作为你的模块依赖图的一部分导入,这样它们会通过 webpack 的处理并获得如下好处:

脚本和样式表会被压缩且打包在一起,从而避免额外的网络请求。
文件丢失会直接在编译时报错,而不是到了用户端才产生 404 错误。
最终生成的文件名包含了内容哈希,因此你不必担心浏览器会缓存它们的老版本。
public 目录提供的是一个应急手段,当你通过绝对路径引用它时,留意应用将会部署到哪里

何时使用 public 文件夹

你需要在构建输出中指定一个文件的名字。
你有上千个图片,需要动态引用它们的路径。
有些库可能和 webpack 不兼容,这时你除了将其用一个独立的 <script> 标签引入没有别的选择。

http://www.zhongyajixie.com/news/41865.html

相关文章:

  • 北京网站设计技术乐云seo韶关疫情最新消息
  • 网站建设项目创业计划书长春关键词优化平台
  • 免费建设网站申请同仁seo排名优化培训
  • 深圳苏州企业网站建设服务公司电商网络推广怎么做
  • 如何判断网站是不是自适应成都营销型网站制作
  • 做医学期刊杂志网站厦门seo关键词优化代运营
  • 珠海网站关键词排名服务商cps游戏推广平台
  • 怎么样做网站赚钱媒体代发布
  • 重庆做网站公司排名seo论坛
  • ubuntu17 wordpress云优化seo
  • wordpress 博客网站是免费的么搜索引擎收录查询
  • 代理彩票网站做链接公司在百度怎么推广
  • 衡水网站建设最新报价新网域名查询
  • 建设一个棋牌网站都得准备什么用站长工具 seo查询
  • 六日做兼职的网站品牌推广计划
  • 做的网站太大怎么办西安关键词seo
  • 济南骏驰网站开发中国最新军事新闻直播
  • 本科自考哪个专业比较好考站长之家seo综合
  • wordpress柒主题搜索引擎优化岗位
  • dw如何做网站登陆验证网站结构有哪几种
  • wordpress最新漏洞关键词优化公司排行
  • 免费国外b2b网站大全网站申请流程
  • 潼南网站建设百度竞价和优化的区别
  • 阿里巴巴做网站教程google付费推广
  • 写作网站云重庆百度推广电话
  • 宁波做网站gs东莞哪种网站推广好
  • python好还是wordpress百度seo公司哪家最好
  • 摩托车建设网站网站设计平台
  • 建站哪家好合肥seo关键词排名
  • 建德发改委网站关于轻轨建设大侠seo外链自动群发工具