关于webpack项目的一些文件用途解析

我们经常在下载webpack构建的项目时会自动携带一些以 . 开头的文件,为了学习我对这些文件做了一点总结,仅供学习:

  • .bablelrc
  • .editorconfig
  • .eslintrc.js
  • .gitignore
  • .gitreview
  • README.md
  • favicon.ico

.bablelrc

http://blog.csdn.net/zhanglongdream/article/details/53875320

rc结尾的文件代表运行时自动加载的文件,配置等。

基本格式为:

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

.editorconfig

支持的属性

注意:不是每种插件都支持所有的属性,具体可见Wiki。

  • indent_style:tab为hard-tabs,space为soft-tabs。
  • indent_size:设置整数表示规定每级缩进的列数和soft-tabs的宽度(译注:空格数)。如果设定为tab,则会使用tab_width的值(如果已指定)。
  • tab_width:设置整数用于指定替代tab的列数。默认值就是indent_size的值,一般无需指定。
  • end_of_line:定义换行符,支持lf、cr和crlf。
  • charset:编码格式,支持latin1、utf-8、utf-8-bom、utf-16be和utf-16le,不建议使用uft-8-bom。
  • trim_trailing_whitespace:设为true表示会除去换行行首的任意空白字符,false反之。
  • insert_final_newline:设为true表明使文件以一个空白行结尾,false反之。
  • root:表明是最顶层的配置文件,发现设为true时,才会停止查找.editorconfig文件。

.gitignore

https://git-scm.com/docs/gitignore
上传代码时忽略上传的文件(通俗说就是不用上传的文件)

Git通常会gitignore从多个来源检查 模式,具有以下优先顺序,从最高到最低(在一个优先级中,最后一个匹配模式决定结果):

node_modules/
npm-debug.log
dist/
.config 
与完整路径名匹配的模式中的两个连续星号(“ ”)可能具有特殊含义:
  • 领先的“ ”后跟斜杠表示在所有目录中匹配。例如,“ /foo”匹配foo任何地方的文件或目录“ ”,与模式“ foo” 相同。“ **/foo/bar”匹配文件或目录“ bar”直接位于目录“ foo”的任何地方。

  • 尾随“ /”匹配所有内容。例如,“ abc/”匹配目录“ abc” 内的所有文件,相对于.gitignore文件的位置,具有无限深度。

  • 一个斜杠后跟两个连续的星号,然后一个斜线匹配零个或多个目录。例如,“ a/**/b”匹配“ a/b”,“ a/x/b”,“ a/x/y/b”等。

  • 其他连续的星号被视为无效。
匹配规则
  • “/”开头表示目录;
  • “*”通配多个字符;
  • “?”通配单个字符
  • “[]”包含单个字符的匹配列表;
  • “!”表示不忽略(跟踪)匹配到的文件或目录;

README.md

http://blog.csdn.net/kaitiren/article/details/38513715
关于项目的介绍与安装使用,相关约定可以在这里体现。
项目上传到gitHub时,项目详情页默认显示README.md内容;
README.md为markdown语法。

想学习markdown语法,可参考如下:
http://pandao.github.io/editor.md/


未完待续。。。。

你可能感兴趣的:(WEB前端)