美文网首页
第三章:实战(深入浅出 Webpack 笔记)

第三章:实战(深入浅出 Webpack 笔记)

作者: 欢欣的膜笛 | 来源:发表于2020-12-02 18:33 被阅读0次

使用 ES6 语言

Babel 是一个 JavaScript 编译器,能将 ES6 代码转为 ES5 代码。
Babel 执行编译的过程中,会从项目根目录下的 .babelrc 文件(JSON 格式)读取配置。

Plugins:

plugins 属性告诉 Babel 要使用哪些插件,插件可以控制如何转换代码。

Presets:

presets 属性告诉 Babel 要转换的源码使用了哪些新的语法特性。
一个 Presets 对一组新语法特性提供支持,多个 Presets 可以叠加。
Presets 其实是一组 Plugins 的集合,每一个 Plugin 完成一个新语法的转换工作。
Presets 是按照 ECMAScript 草案来组织的。

使用 TypeScript 语言

TypeScript 官方提供了能把 TypeScript 转换成 JavaScript 的编译器。 需要在当前项目根目录下新建一个用于配置编译选项的 tsconfig.json 文件,编译器默认会读取和使用这个文件。

使用 Flow 检查器

Flow 是一个 Facebook 开源的 JavaScript 静态类型检测器,它是 JavaScript 语言的超集。同时 Flow 也能通过类型推断检查出 JavaScript 代码中潜在的 Bug
Flow 集成到使用 Webpack 构建的项目里最方便的方法是借助 Babel

相关文章

网友评论

      本文标题:第三章:实战(深入浅出 Webpack 笔记)

      本文链接:https://www.haomeiwen.com/subject/rrddnctx.html