亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

mj / 2768人閱讀

摘要：地址使用文件解析用于告訴系統(tǒng)要忽略掉哪些文件。文件用于配置忽略語(yǔ)法檢查的目錄文件。的使用在項(xiàng)目根創(chuàng)建一個(gè)名為的文件。該文件的內(nèi)容定義該項(xiàng)目的編碼規(guī)范。此目錄下的文件不會(huì)被處理。包含單元測(cè)試相關(guān)的文件。

vue-webpack-boilerplate是vue-cli腳手架的一個(gè)項(xiàng)目模板。github地址

使用 
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
文件解析 .gitignore

.gitignore用于告訴Git系統(tǒng)要忽略掉哪些文件。

在使用 Git 進(jìn)行版本控制的時(shí)候，有些文件是無(wú)需納入 Git 管理的，通常都是些自動(dòng)生成的文件，像日志或者編譯過(guò)程中創(chuàng)建的文件。我們可以創(chuàng)建一個(gè)名為 .gitignore 的文件，列出要忽略的文件來(lái)解決這個(gè)問(wèn)題。關(guān)于 Pattern 規(guī)則，可以查看 git 的相關(guān)文檔：http://git-scm.com/docs/gitig...

.gitkeep

.gitkeep用于跟蹤項(xiàng)目中的空文件。

Git 不跟蹤空文件夾 。如果你的項(xiàng)目文件夾里邊有任何的空文件夾，Git 都會(huì)無(wú)視它。但如果你在文件夾里邊添加了一個(gè)文件，Git 就會(huì)開始跟蹤這個(gè)文件夾。 無(wú)論這個(gè)文件是什么，內(nèi)容如何，名字叫啥。因此，若想跟蹤項(xiàng)目的空文件夾，那么就可以在這個(gè)文件夾中創(chuàng)建一個(gè) .gitkeep 文件。

.eslintignore

.eslintignore文件用于配置忽略語(yǔ)法檢查的目錄文件。，文件中的每一行都表明哪些路徑應(yīng)該被EsLint忽略檢測(cè)。

當(dāng) ESLint 運(yùn)行時(shí)，在確定哪些文件要檢測(cè)之前，它會(huì)在當(dāng)前工作目錄中查找一個(gè) .eslintignore 文件。如果發(fā)現(xiàn)了這個(gè)文件，當(dāng)遍歷目錄時(shí)，將會(huì)應(yīng)用這些偏好設(shè)置。詳情見：http://eslint.cn/docs/user-gu...

.eslintrc

.eslintrc文件用于配置ESLint規(guī)則。詳情見：http://eslint.cn/docs/user-gu...

.postcssrc.js

postcssrc.js文件用來(lái)配置postcss。vue-loader 的 postcss 會(huì)默認(rèn)讀取這個(gè)文件的里的配置項(xiàng)。詳情見：https://vue-loader.vuejs.org/...

PostCSS是一個(gè)平臺(tái)，在這個(gè)平臺(tái)上，我們能夠開發(fā)一些插件，來(lái)處理我們的CSS，比如熱門的：Autoprefixer 。Autoprefixer 是一個(gè)流行的 PostCSS 插件，其作用是為 CSS 中的屬性添加瀏覽器特定的前綴。

//.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會(huì)去讀取 package.json 下 browserslist的配置文件

> 1% 兼容全球使用率大于1%的游覽器

last 2 versions 兼容每個(gè)游覽器的最近兩個(gè)版本

not ie <= 8 不兼容ie8及以下

.babelrc

.babelrc文件用來(lái)配置babel。

.editorconfig

.editorconfig文件用來(lái)定義項(xiàng)目的編碼規(guī)范。

EditorConfig可以幫助開發(fā)者在不同的編輯器和IDE之間定義和維護(hù)一致的代碼風(fēng)格。

EditorConfig的使用

在項(xiàng)目根創(chuàng)建一個(gè)名為 .editorconfig 的文件。該文件的內(nèi)容定義該項(xiàng)目的編碼規(guī)范。

安裝與編輯器對(duì)應(yīng)的 EditorConfig 插件。

其工作原理是：當(dāng)你在編碼時(shí)，EditorConfig 插件會(huì)去查找當(dāng)前編輯文件的所在文件夾或其上級(jí)文件夾中是否有 .editorconfig 文件。如果有，則編輯器的行為會(huì)與 .editorconfig 文件中定義的一致，并且其優(yōu)先級(jí)高于編輯器自身的設(shè)置。

build

build中是一些webpack的相關(guān)配置，包括基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等。

config

config目錄主要是針對(duì)開發(fā)環(huán)境，生產(chǎn)環(huán)境，測(cè)試環(huán)境的配置信息。

src/assets與static

src/assets/：此目錄下的資源會(huì)被webpack處理。

static/：此目錄下的文件不會(huì)被webpack處理。在webpack打包后，此目錄下的文件會(huì)默認(rèn)被直接復(fù)制到dist/static/中。這是通過(guò)在build.assetsPublicPath 和build.assetsSubDirectory來(lái)確定的。

詳情見：https://vuejs-templates.githu...

test

用于存放測(cè)試文件。

test/unit：包含單元測(cè)試相關(guān)的文件。關(guān)于單元測(cè)試如何操作，可見：Vue單元測(cè)試---Karma+Mocha+Chai實(shí)踐
test/e2e：包含 e2e 測(cè)試相關(guān)的文件。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/89172.html

相關(guān)文章

  • 使用json-server來(lái)模擬REST API

    摘要：官方地址使用可全局安裝，也可針對(duì)項(xiàng)目安裝?？捎瞄_啟服務(wù)。數(shù)據(jù)文件格式如下讓讀書點(diǎn)燃?jí)粝氲攸c(diǎn)濱江星耀城讓讀書點(diǎn)燃?jí)粝氲攸c(diǎn)濱江星耀城仿京東購(gòu)物車仿京東購(gòu)物車修改里面的命令。 在前端開發(fā)中，如果后端接口還沒(méi)有提供，前端拿不到數(shù)據(jù)，可能就沒(méi)法繼續(xù)寫一些交互行為的代碼。這一問(wèn)題可通過(guò)json-server來(lái)很好地解決。本文主要講如何將json-server和webpack進(jìn)行整合，基于vue-w...

    smartlion 評(píng)論0 收藏0

  • Vue單元測(cè)試---Karma+Mocha+Chai實(shí)踐

    摘要：官方推薦使用來(lái)進(jìn)行單元測(cè)試。導(dǎo)入和組件，進(jìn)行測(cè)試檢查原始組件選項(xiàng)組件有對(duì)于組件需要，編寫單元測(cè)試時(shí)，通過(guò)傳遞該參數(shù)。在狀態(tài)更新后檢查生成的在狀態(tài)改變后和斷言更新前等待一刻執(zhí)行命令運(yùn)行單元測(cè)試。參考單元測(cè)試測(cè)試框架實(shí)例教程 本文基于vue-webpack-boilerplate。官方推薦使用Karma+Mocha+Chai來(lái)進(jìn)行單元測(cè)試。 介紹 Karma：一個(gè)測(cè)試運(yùn)行器，用于啟動(dòng)瀏覽器...

    Ververica 評(píng)論0 收藏0

  • 推送近期三波關(guān)于Vue.js的資訊

    摘要：原文來(lái)自集前端最近很火的框架資源定時(shí)更新，歡迎一下。推送自己整理近期三波關(guān)于的資訊這里就拋磚引玉了，望有更屌的資源送助攻。 原文來(lái)自：集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎Star一下。 推送自己整理近期三波關(guān)于Vue.js的資訊； 這里就拋磚引玉了，望有更屌的資源送助攻。 showImg(https://segmentfault.com/img/bVVeiZ); 第...

    Anonymous1 評(píng)論0 收藏0

  • 使用Vue快速開發(fā)單頁(yè)應(yīng)用－主體結(jié)構(gòu)

    摘要：本文以及后面相應(yīng)文章，主要是相關(guān)技術(shù)棧來(lái)快速的實(shí)現(xiàn)單頁(yè)應(yīng)用開發(fā)。原文出處其他使用快速開發(fā)單頁(yè)應(yīng)用主體結(jié)構(gòu)使用快速開發(fā)單頁(yè)應(yīng)用使用快速開發(fā)單頁(yè)應(yīng)用登錄頁(yè)面使用快速開發(fā)單頁(yè)應(yīng)用功能組件與路由組件通信 本文所涉及代碼全在vue-cnode 單頁(yè)應(yīng)用，即在一個(gè)頁(yè)面集成系統(tǒng)中所有功能，整個(gè)應(yīng)用只有一個(gè)頁(yè)面。因?yàn)槁酚傻目刂圃谇岸?，單?yè)面應(yīng)用在頁(yè)面切換時(shí)比傳統(tǒng)頁(yè)面更快，從而在前端體驗(yàn)更好。 將邏輯從...

    dcr309duan 評(píng)論0 收藏0

  • webpack 教程資源收集

    學(xué)習(xí)的過(guò)程中收藏了這些優(yōu)秀教程和的項(xiàng)目，希望對(duì)你有幫助。 github地址, 有不錯(cuò)的就更新 官方文檔 中文指南 初級(jí)教程 webpack-howto 作者：Pete Hunt Webpack 入門指迷 作者：題葉 　 webpack-demos 作者：ruanyf 一小時(shí)包教會(huì) —— webpack 入門指南 作者：VaJoy Larn　　 webpack 入門及實(shí)踐 作者：...

    Backache 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

mj

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<