> 最近阅读了一下[ant-design-vue](https://github.com/vueComponent/ant-design-vue.git)源码,学习到了很多关于项目自动化相关的知识和技巧, 本篇就是针对[prettier api](https://prettier.io/docs/en/api.html)的文件格式化命令脚本.
## 脚本代码
哈哈,ant-design-vue作者还在头部标明是copy to https://github.com/facebook/react/blob/master/scripts/prettier/index.js
```js
/**
* copy to https://github.com/facebook/react/blob/master/scripts/prettier/index.js
* prettier api doc https://prettier.io/docs/en/api.html
*----------*****--------------
* prettier all js and all ts.
*----------*****--------------
*/
const glob = require('glob');
const prettier = require('prettier');
const fs = require('fs');
const prettierConfigPath = require.resolve('../.prettierrc');
let didError = false;
let files = [];
const ignoreFiles = [
'**/node_modules/**',
'package.json',
'build/**',
'es/**',
'lib/**',
'dist/**',
'**/**.snap',
'**/**.map',
'**/components/style/color/**',
'**/dist/**',
'_site/**',
];
// get all ts files
const tsFiles = glob.sync('**/*.ts*', {
ignore: ignoreFiles,
});
files = files.concat(tsFiles);
// get all js files
const jsFiles = glob.sync('**/*.js*', {
ignore: ignoreFiles,
});
files = files.concat(jsFiles);
// get all less files
const lessFiles = glob.sync('**/*.less', {
ignore: ignoreFiles,
});
files = files.concat(lessFiles);
if (!files.length) {
return;
}
files.forEach(file => {
const options = prettier.resolveConfig.sync(file, {
config: prettierConfigPath,
});
const fileInfo = prettier.getFileInfo.sync(file);
if (fileInfo.ignored) {
return;
}
try {
const input = fs.readFileSync(file, 'utf8');
const withParserOptions = {
...options,
parser: fileInfo.inferredParser,
};
const output = prettier.format(input, withParserOptions);
if (output !== input) {
fs.writeFileSync(file, output, 'utf8');
// eslint-disable-next-line no-console
console.log(`\x1b[34m ${file} is prettier`);
}
} catch (e) {
didError = true;
}
});
if (didError) {
process.exit(1);
}
// eslint-disable-next-line no-console
console.log('\x1b[32m prettier success!');
```
## 命令
执行 `prettier -c --write **/*`
```
// package.json
{
...
"script": {
...
"prettier": "prettier -c --write **/*"
}
}
```
前端代码风格自动化系列(四)之Prettier脚本格式化项目代码