🌞Moon Will Know

🏗️

前端项目规范化——环境变量和 git commit 控制

引入环境变量

npm install dotenv --save

在根目录新建.env 文件

在文件中引入

git 提交钩子

npm install husky --save-dev

在package.json 中设置

执行命令，添加hook

安装stylelint 、eslint 和 prettier 并配置相应格式化文件

配置package.json实现代码格式化

安装commitlint cli 和 conventional config

添加hook 实现 commit规范


S3_BUCKET="YOURS3BUCKET"
SECRET_KEY="YOURSECRETKEYGOESHERE"


import 'dotenv/config'
import express from 'express'

console.log(process.env.S3_BUCKET)


// package.json
{
	//...
	"script": {
			// ...
			"prepare": "husky install",
		}
}


npx husky add .husky/pre-commit "yarn lint-staged"
git add .husky/pre-commit


// package.json
{
...
"lint-staged": {
    "**/*.{json,html,css,less,scss,md,yaml,yml}": [
      "prettier --write"
    ],
    "**/*.{css,less,scss}": [
      "stylelint --fix"
    ],
    "**/*.{js,jsx,ts,tsx}": [
      "eslint --fix",
      "prettier --write"
    ]
  }
}


npm install --save-dev @commitlint/config-conventional @commitlint/cli


npx husky add .husky/commit-msg "npx --no -- commitlint --edit $1"
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > .commitlintrc.j