无分类 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 转码的第二种方式。
无分类 webpack-自动扫描入口html模版 正常如果有多个入口,需要在 entry 中,以对象形式将所有入口都配置一遍,html 模版目录也需要 new 很多个 HtmlWebpackPlugin 来配置对应的页面模版,是否可以自动扫描? 无论多少个入口,只管新建,而不用管理入…
无分类 Babel-7-转码六-提案级别的插件 babel 官方认为,把不稳定的 stage0-3 作为一种预设是不太合理的,@babel/preset-env、@babel/polyfill等只支持到stage-4级别,因此 babel 新版本废弃了 stage 预设,转而让用户自己选择使用哪个 proposal 特性的…
无分类 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 文件增加配置 {代码…}
无分类 Babel-7-转码四-polyfill-还是-transformruntime 首先要确认,@babel/polyfill 和 @babel/plugin-transform-runtime 各自都可以完成 ES 新 API 的转译,ES 新语法是由 @babel/preset-env 完成转译,所以,@babel/polyfill、@babel/plugin-transform-runtime 都需…
无分类 webpack4配置进阶 这里介绍了清除上次打包后的dist文件夹,CopyWebpackPlugin的作用,减小打包出来的bundle.js文件的大小,从bundle里抽离出css,可视化分析打包文件的webpack插件,还有webpack sourceMap定位压缩前代码错误,与配…
无分类 webpack4-处理图片 前言 1.webpack 在处理图片的时候,会涉及一下几个问题: 图片的大小问题,比如是否压缩图片,限制图片大小 图片引用方式的问题,是用base64 的格式引用图片,还是用url 路径引用图片 图片路径问题,开发时写的图…