一. vue-loader 配置详解

1. preserveWhitepace: true   // 清除文本换行等情况空格

2. extractCSS: true  // 把vue的css提取到单独的文件，默认

3. cssModules: {localIndetName: '[xxx]', camcelcase: true}    // 用法：<style module>

4. hotReload: true // 热更新，默认会自动判断是否开发环境自动开启关闭，其实关闭后也会刷新页面更新

二. eslint

1. 安装：npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node

2. 创建 .eslintrc 文件，内容：{"extends": "standard", "plugins" : [ "html"]}

3. 为了让eslint识别vue的js代码，安装 npm i eslint-plugin-html

4. 调用检测：eslint --ext .js --ext .jsx --ext .vue client/

5. 修复检测到的问题： eslint --fix --ext .js --ext .jsx --ext .vue client/

6. 开启代码修改自动检测，安装依赖： npm i eslint-loader babel-eslint

7. 修改eslintrc配置：{"extends": "standard", "plugins" : [ "html"], "parser" : "babel-eslint"}

8. 修改webpack配置， rules里加上 {test: /\.(vue|js|jsx)/, loader: 'eslint-loader', exclude: /node_module/, enforce: 'pre'}

9. git 提交前自动验证eslint, 安装依赖 npm i husky -D，这个包会在提交前执行precommit 命令

10. 定义 precommit命令，跟普通npm命令一样，precommit："npm run lint-fix"