vue-cli3.0 静态资源项目结构（三）

vue-cli3.0默认项目目录与2.0的相比，更精简:

1.移除的配置文件根目录下的，build和config等目录，
2.移除了static文件夹，新增了public文件夹，并且index.html移动到public中。
3.在src文件夹中新增了views文件夹，用于分类 试图组件 和 公共组件 。
4.大部分配置 都集成到 vue.config.js这里,在项目根目录下

1.相对路径引入

使用相对路径引入的静态资源文件，会被webpack处理解析为模块依赖。例如，在 和 background: url(./logo.png)，以及CSS@import,"./logo.png" 是相对的资源路径。在vue2.x版本类似assets文件夹。
举例 url(./image.png) 会被转换成 require(’./image.png’)
而 会被编译成
createElement(‘img’, { attrs: { src: require(’…/image.png’) }})

URL转换规则

URL是绝对路径，如/images/foo.png,会被保留不变。
URL以.开始，会被认为是相对模块请求，根据文档结构（folder structure）转换。
URL以~开始，会被认为是模块请求,意味着可以在node modules里引用资源：

URL以@开始，会被认为是模块请求，这很有用因为，Vue CLI对默认别名@是/src

2.public文件夹

public文件夹下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（文件名需指定）下。必须使用绝对路径引用这些文件，简单说就是用来存放万年不变的文件。
在vue2.x版本类似static/ 文件夹。