12.22日wagas学习笔记

第一部分：vue-cli3

vue.config.js配置：

baseUrl:process.env.NODE_ENV === 'production'?'/production-sub-path':'/'

vue-cli-service build

lintOnSave:是否在开发环境下通过eslint-loader在保存时候lint代码；

生产环境禁用：lintOnSave:procee.env.NODE_ENV !=='production'

静态资源:通过在js或者template/css中通过相对路径引用，2:在public下通过绝对路径引用；

从相对路径引用：当在js/css/.vue中使用相对路径引用一个静态资源，该资源会被解析为一个模块依赖；

url转换规则：

1.如果url是一个绝对路径，它将保持不变；

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

3.如果以~开头，其后的任何内容都会作为一个模块请求被解析；

4.如果以@开头，它会作为一个模块请求被解析；

public文件夹：

你需要通过绝对路径来引用他们；

css Modules:

如果想在js中作为css Modules导入css或其他预处理文件，该文件应该以.module.(css|less|sass|scss|styl)结尾：

import styles from './foo.module.css'