# acorn-parse-escodegen-generate-esm-broweser

**Repository Path**: masx200/acorn-parse-escodegen-generate-esm-broweser

## Basic Information

- **Project Name**: acorn-parse-escodegen-generate-esm-broweser
- **Description**: acorn-parse-escodegen-generate-esm-broweser 在浏览器中使用 acorn和escodegen 来 进行 javascript 源代码 和 抽象语法树的相互转换的ES模块
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2019-08-04
- **Last Updated**: 2024-04-18

## Categories & Tags

**Categories**: javascript-toolkits

**Tags**: None

## README

# acorn-parse-escodegen-generate-esm-broweser

可以在浏览器中运行，不需要 nodejs 环境，压缩后体积为 155KB

使用 `acorn`和`escodegen` 来 进行 `javascript` 源代码 和 `抽象语法树`的相互转换的`ES`模块,

把`escodegen`和`estraverse`和`esutils`模块都从`commonjs`模块改成`ES`模块,`acorn`使用自带的`ES`模块

并且使用`rollup` 打包,并开启`tree-shaking`和使用`terser`代码压缩

## 获取已压缩模块

### ES 模块

从 cdn 获取

https://cdn.skypack.dev/@masx200/acorn-parse-escodegen-generate-esm-broweser@v2.0.0/

```html
<script type="module">
    import {
        parse,
        generate,
    } from "https://cdn.skypack.dev/@masx200/acorn-parse-escodegen-generate-esm-broweser@v2.0.0/";
</script>
```

# 安装模块

```bash
npm install --save https://github.com/masx200/acorn-parse-escodegen-generate-esm-broweser.git
```

或者

```shell
yarn add https://github.com/masx200/acorn-parse-escodegen-generate-esm-broweser.git

```

```javascript
import { parse, generate } from "acorn-parse-escodegen-generate-esm-broweser";
```

```javascript
var code = "var b=3";
var ast = parse(code);
var text = generate(ast);
```

A small, fast, JavaScript-based JavaScript parser

https://github.com/acornjs/acorn

https://npm.taobao.org/package/acorn

ECMAScript code generator

https://npm.taobao.org/package/escodegen

https://github.com/estools/escodegen