无分类 Babel-7-转码一-基础配置 基础依赖包 {代码…} 从 babel7 开始,所有的官方插件和主要模块,都放在了 @babel 的命名空间下。从而可以避免在 npm 仓库中 babel 相关名称被抢注的问题。
无分类 Babel-7-转码二-babelpresetenv-babelpolyfill @babel/preset-env + @babel/polyfill 可以完全实现 ES 基础语法的转译 + 新 API 的转译,这是配置 Babel 转码的第一种方式。
无分类 Babel-7-转码三-presetenv-transformruntime @babel/preset-env + @babel/plugin-transform-runtime 搭配使用,可以完成基本语法转译 + ES 新语法的按需加载,这是配置 Babel 转码的第二种方式。
无分类 Babel-7-转码五-corejs3-的更新 前文是core-js@2的配置,而core-js@3的更新,带来了新的变化,@babel/polyfill无法提供core-js@2向core-js@3过渡,所以现在有新的方案去替代@babel/polyfill,(需要Babel版本升级到7.4.0及以上),详细可以阅读…
无分类 Babel-7-转码七-装饰器语法动态导入 装饰器语法支持 安装依赖 {代码…} .babelrc 增加配置 {代码…} import – 动态导入支持 安装依赖 {代码…} .babelrc 文件增加配置 {代码…}
无分类 webpack-自动扫描入口html模版 正常如果有多个入口,需要在 entry 中,以对象形式将所有入口都配置一遍,html 模版目录也需要 new 很多个 HtmlWebpackPlugin 来配置对应的页面模版,是否可以自动扫描? 无论多少个入口,只管新建,而不用管理入…
无分类 Babel-7-转码六-提案级别的插件 babel 官方认为,把不稳定的 stage0-3 作为一种预设是不太合理的,@babel/preset-env、@babel/polyfill等只支持到stage-4级别,因此 babel 新版本废弃了 stage 预设,转而让用户自己选择使用哪个 proposal 特性的…
无分类 Babel-7-转码四-polyfill-还是-transformruntime 首先要确认,@babel/polyfill 和 @babel/plugin-transform-runtime 各自都可以完成 ES 新 API 的转译,ES 新语法是由 @babel/preset-env 完成转译,所以,@babel/polyfill、@babel/plugin-transform-runtime 都需…
无分类 不只是同构应用isomorphic-工程化你所忽略的细节 不管是服务端渲染还是服务端渲染衍生出的同构应用,现在来看已经并不新鲜了,实现起来也并不困难。但是社区上相关文章质量良莠不齐,很多只是“纸上谈兵”,甚至有的开发者认为:同构应用不就是调用一个 renderToSt…