工程化项目配置文件

969 阅读2分钟

tsconfig.json

标识Typescript项目的根目录。文件中制定了用来编译这个项目的根文件和编译选项。当tsc命令行指定了输入文件时,tsconfig.json文件会被忽略。

.babelrc

babel是一个工具链,主要用于在老版本的浏览器或环境中将ECMAScript 2015+ 代码转换为向后兼容版本的JavaScript代码,它的API选项都不接收回调方法,.babelrc文件会被序列化为JSON5。

.browserslistrc

这个东西单独使用是无效的,需要搭配使用:Autoprefixer、Babel、PostCss-preset-env等。如在脚手架中配置browserslist, 会被@babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。

.commitlintrc.js

代码提交规范和规范校验,优雅的提交,方便团队协作和快速定位问题。

.editorconfig

不同开发人员,不同的编辑器,有不同的编码风格,而etorConfig可以用来协同团队开发人员之间的代码风格及样式规范化的一个工具。.editorconfig正是它的默认配置文件。

.eslintignore

指定eslint忽略文件和目录,是一个纯文本文件。

.eslintrc.js

放在项目根目录,则会应用到整个项目;如果子目录中也包含 .eslintrc 文件,则子目录会忽略根目录的配置文件,应用该目录中的配置文件。这样可以方便地对不同环境的代码应用不同的规则。

.npmrc

配置npm源。比如

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
operadriver_cdnurl=https://npm.taobao.org/mirrors/operadriver
selenium_cdnurl=https://npm.taobao.org/mirrors/selenium
node_inspector_cdnurl=https://npm.taobao.org/mirrors/node-inspector
fsevents_binary_host_mirror=http://npm.taobao.org/mirrors/fsevents/

postcss.config.js

给postcss用的。postcss 是帮我们后处理css ,css已经编译完成了,在stylus-loader编译成css之后,在通过postcss优化css,通过一系列组件去优化,比如以下,通过autoprefixer 添加css前缀

  module.exports = {
    plugins: {
    autoprefixer: {}
  }

prettier.config.js

项目格式化配置文件

.prettierignore

如果存在不想格式化的文件,可以忽略格式化。使用方式有两种: 项目根目录下创建 .prettierignore 文件