转译器(transpiler)是指能够进行文件到文件一对一转换的编译器(compiler)。在 JS 世界中,常见的开箱即可用的转译器有 typescript cli、babel cli 等,但他们一般只处理 .js
、.ts
等脚本文件。而 webpack 尽管能通过配置处理各种文件,但他更关注如何打包 JS,做文件一对一转换相当麻烦。
为了解决这些局限,wuzzle 作为配置 webpack 编译的补充者,提供了基于 webpack 封装的 JS 转译命令 wuzzle transpile
,以下是具体用法。
使用 wuzzle transpile
转译 .ts
文件
首先,我们看下 wuzzle transpile
对 .ts
文件的转译。初始化一个空目录 demo
,并安装 wuzzle:
$ mkdir demo
# ...
$ cd demo
# ...
$ npm init -y
# ...
$ npm i -D wuzzle
在 src/server.ts
准备一份简易服务器代码,并安装所需依赖:
import express from 'express';
const port = process.env.PORT ?? '5000';
const app = express();
app.get('/', (req, res) => {
res.send('<!DOCTYPE html><html><head></head><body>Hello, wuzzle!</body></html>')