vue loader 配置及 eslint 使用

2021-08-24 20:21:43 字數 863 閱讀 5219

一. vue-loader 配置詳解

1. preservewhitepace: true   // 清除文字換行等情況空格

2. extractcss: true  // 把vue的css提取到單獨的檔案,預設

3. cssmodules:     // 用法: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 檔案,內容:

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配置:

8. 修改webpack配置, rules裡加上

9. git 提交前自動驗證eslint, 安裝依賴 npm i husky -d,這個包會在提交前執行precommit 命令

10. 定義 precommit命令,跟普通npm命令一樣,precommit:"npm run lint-fix"

關於vue loader的配置

use strict const vueloaderplugin require vue loader lib plugin var minics tractplugin require mini css extract plugin const stylelintplugin require st...

Xenapp配置及站點配置

安裝完成後在選單中找到管理器access management console開啟圖圖,首次開啟即彈出第一次配置嚮導 單擊next 新增本機機器 add local computer 新增完成,next 選擇存放在ntfs磁碟 執行安裝目下的ctxfilesyncprep程式,然後自動在c盤生成乙個...

SpringBoot Servlet配置及容器切換

server.port 8080 configuration public class config webserve ctorycustomizer 舊版本叫做embeddedservletcontainercustomizerconfigurablewebserve ctory 記得泛型宣告,預...