什么是 gulp-jsbeautify
gulp-jsbeautify 是一个可以使 JavaScript、CSS、HTML 格式化的 gulp 插件，它依赖于 js-beautify 库，能够自动将不规范的代码转换成美观易读的格式。使用 gulp-jsbeautify 可以方便地修改现有代码，提高代码可维护性和可读性。
如何使用
安装
npm install --save-dev gulp-jsbeautify
引入
在需要使用的 gulpfile.js 文件中引入 gulp 和 gulp-jsbeautify：
const gulp = require('gulp');
const jsbeautify = require('gulp-jsbeautify');使用
gulp-jsbeautify 的使用非常简单，只需要在 gulp.task 中添加以下代码即可：
gulp.task('beautify', function() {
return gulp.src('./src/**/*.js') // 需要处理的文件
.pipe(jsbeautify()) // 调用 gulp-jsbeautify
.pipe(gulp.dest('./src')); // 输出美化后的文件
});以上代码会将 ./src 目录下所有 .js 文件格式化，并将格式化后的文件替换原文件。
配置选项
gulp-jsbeautify 支持多种配置选项，可以根据项目需求灵活配置。以下是常用的配置选项：
indent_size
缩进大小，可以是数字或字符串，默认为 4。
gulp.task('beautify', function() {
return gulp.src('./src/**/*.js')
.pipe(jsbeautify({indent_size: 2})) // 设置缩进大小为 2
.pipe(gulp.dest('./src'));
});indent_char
缩进字符，默认为空格。
gulp.task('beautify', function() {
return gulp.src('./src/**/*.js')
.pipe(jsbeautify({indent_char: '\t'})) // 设置缩进字符为制表符
.pipe(gulp.dest('./src'));
});eol
行结束符，可以是 \r、\n 或 auto，默认为 auto。
gulp.task('beautify', function() {
return gulp.src('./src/**/*.js')
.pipe(jsbeautify({eol: '\r\n'})) // 设置行结束符为 CRLF
.pipe(gulp.dest('./src'));
});示例代码
以下是一个完整的 gulpfile.js 文件示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---------- - ---------------------------
-- --- -- --
------------------------ ---------- -
------ -------------------------
------------------
------------ --
------------ -----
---- ------
---
--------------------------
---
-- --- --- --
------------------------- ---------- -
------ --------------------------
-------------------
--------------------------
---
-- --- ---- --
-------------------------- ---------- -
------ ---------------------------
-------------------
--------------------------
---
-------------------- ---------------------------- --------------- ------------------以上代码会分别格式化 ./src 目录下的所有 .js、.css 和 .html 文件，并将格式化后的文件替换原文件。可以根据项目需求修改配置选项和文件路径。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43269