vue-webpack-boilerplate裏面各文件解析

時間 2019-12-08

標籤 vue webpack boilerplate 裏面文件解析简体版

原文原文鏈接

vue-webpack-boilerplate是vue-cli腳手架的一個項目模板。github地址css

使用

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

文件解析

.gitignore

.gitignore用於告訴Git系統要忽略掉哪些文件。html

在使用 Git 進行版本控制的時候，有些文件是無需歸入 Git 管理的，一般都是些自動生成的文件，像日誌或者編譯過程當中建立的文件。咱們能夠建立一個名爲 .gitignore 的文件，列出要忽略的文件來解決這個問題。關於 Pattern 規則，能夠查看 git 的相關文檔：http://git-scm.com/docs/gitig...vue

.gitkeep

.gitkeep用於跟蹤項目中的空文件。webpack

Git 不跟蹤空文件夾。若是你的項目文件夾裏邊有任何的空文件夾，Git 都會無視它。但若是你在文件夾裏邊添加了一個文件，Git 就會開始跟蹤這個文件夾。不管這個文件是什麼，內容如何，名字叫啥。所以，若想跟蹤項目的空文件夾，那麼就能夠在這個文件夾中建立一個 .gitkeep 文件。git

.eslintignore

.eslintignore文件用於配置忽略語法檢查的目錄文件。，文件中的每一行都代表哪些路徑應該被EsLint忽略檢測。github

當 ESLint 運行時，在肯定哪些文件要檢測以前，它會在當前工做目錄中查找一個 .eslintignore 文件。若是發現了這個文件，當遍歷目錄時，將會應用這些偏好設置。詳情見：http://eslint.cn/docs/user-gu...web

.eslintrc

.eslintrc文件用於配置ESLint規則。詳情見：http://eslint.cn/docs/user-gu...vue-cli

.postcssrc.js

postcssrc.js文件用來配置postcss。vue-loader 的 postcss 會默認讀取這個文件的裏的配置項。詳情見：https://vue-loader.vuejs.org/...npm

PostCSS是一個平臺，在這個平臺上，咱們可以開發一些插件，來處理咱們的CSS，好比熱門的：Autoprefixer 。Autoprefixer 是一個流行的 PostCSS 插件，其做用是爲 CSS 中的屬性添加瀏覽器特定的前綴。json

//.postcssrc.js
module.exports = {
  "plugins": {
    // to edit target browsers: use "browserlist" field in package.json
    "autoprefixer": {}
  }
}
//package.json
"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

上述代碼，autoprefixer會去讀取 package.json 下 browserslist的配置文件