Wuzzle，进行基于 webpack 的 JS 转译

「已注销」

于 2022-08-11 19:07:43 发布

阅读量248

点赞数 2

分类专栏：前端杂谈文章标签： javascript webpack 前端 node.js react.js

本文链接：https://blog.csdn.net/unolee/article/details/126291432

版权

转译器（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>')

最低0.47元/天解锁文章

「已注销」

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
Wuzzle，进行基于 webpack 的 JS 转译

转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽管能通过配置处理各种文件，但他更关注如何打包 JS，做文件一对一转换相当麻烦。为了解决这些局限，wuzzle 作为配置 webpack 编译的补充者，提供了基于 webpack 封装的 JS 转译命令 wuzzle transpile，以下是具体用法。
复制链接

扫一扫