将 Pug（Jade） 转换为 EJS

当您需要在项目中进行模板引擎的切换时，可能需要将 Pug（Jade） 转换为 EJS。 这篇文章将会向您展示如何使用 Node.js 和 gulp 完成这个任务。

步骤

1. 安装依赖

在启动转换之前，您需要确保您的电脑已经安装好 Node.js 和 gulp。

在命令行中使用以下命令安装必要的依赖：

npm install --save-dev gulp gulp-pug gulp-ejs gulp-rename

2. 创建 gulpfile.js 文件

您需要在项目根目录下创建一个名为 gulpfile.js 的文件，并且添加以下代码：

const gulp = require('gulp');
const pug = require('gulp-pug');
const ejs = require('gulp-ejs');
const rename = require('gulp-rename');

gulp.task('pug-to-ejs', function () {
    return gulp.src('./src/*.pug')
        .pipe(pug())
        .pipe(rename(function (path) {
            path.extname = '.ejs';
        }))
        .pipe(gulp.dest('./dist'));
});

gulp.task('watch', function () {
    gulp.watch('./src/*.pug', gulp.series('pug-to-ejs'));
});

该文件包含了两个任务：

• pug-to-ejs：将所有的 Pug 文件转换为 EJS 文件，并将它们存储到 ./dist 目录下。
• watch：监控 ./src 目录下的文件变化，并将对应的 Pug 文件转换为 EJS 文件。

3. 运行代码

在命令行中使用以下命令运行代码：

gulp watch

此时，gulp 将会监控 ./src 目录下的文件变化，并将其转换为 EJS 文件。 转换后的文件将被保存到 ./dist 目录下。

结论

使用 Node.js 和 gulp，您可以很轻松地将 Pug（Jade） 转换为 EJS。 在需要更改项目的模板引擎时，这个技术会非常有用。