当前位置: 首页 > 知识库问答 >
问题:

webpack - babel 需要怎么处理才能自动引入polyfill?

吕学
2024-01-10

bebel.config.js中配置:

module.exports = {    presets: [        ['@babel/preset-env', {            targets: {                chrome: '58',                firefox: '60',                ie: '11',            },            useBuiltIns: 'usage',            corejs: 3,        }],    ],};

已安装core-js

useBuiltIns: 'usage', babel文档或者网上搜到,配置这个东西,可以自动引入polyfill,但是我在编译之后,并没有自动引入,需要怎么处理才能自动引入polyfill

共有1个答案

章岳
2024-01-10

usage 表示按需引用,即你的代码用到某个新 feature,且在你的目标浏览器里不被支持,babel 就会引用需要的 polyfill,让构建后的代码能正常运行在目标浏览器里。

所以没有引入说明你没有用到不被支持的 feature。

 类似资料:
  • 我看到ts代码有:如下的引用: 但是我下载repo本地会报错: fs 应该是nodejs的库,一般我们知道是:require方式进行引入, 但是为何这里使用import引入也可以呢,是需要额外配置哪里才能使用ESM引入吗?

  • 问题内容: 我正在尝试将Webpack与Babel一起使用来编译ES6资产,但是却收到以下错误消息: 这是我的Webpack配置的样子: 这是利用Webpack的中间件步骤: 我所有的index.js文件正在做的事情是导入react,但是似乎“ babel-loader”无法正常工作。 我正在使用’babel-loader‘6.0.0。 问题答案: 您需要安装预设: 然后配置:

  • 本文向大家介绍为什么需要Babel JS?,包括了为什么需要Babel JS?的使用技巧和注意事项,需要的朋友参考一下 Babel是一个工具链,主要用于在当前和较旧的浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本。Babel的插件允许您立即使用新语法,而无需等待浏览器支持。 使用babel JS的主要原因是- 语法转换(最新的JS语法为向后兼容的语法。

  • 我试图编译js文件与反应使用webpack与巴贝尔,但我得到以下错误消息: ./js/IntroAndWorkSpace.js模块解析失败时出错:C:\FULLTIME\STUDY Material\ReactJS\NewReactPoject\js\IntroAndWorkSpace.js意外标记(1:8)您可能需要适当的加载程序来处理此文件类型。SyntaxError:意外标记(1:8) 这是

  • 有一个文件能统一管理哪些路由需要登录才能进入,哪些不用登陆也能进入查看。

  • 问题内容: 为什么在Hibernate中需要事务处理才能进行只读操作? 以下事务是否在数据库中设置了锁定? 从数据库获取示例代码: 我可以 代替使用吗? 问题答案: 你实际上可能有理由将事务标记为只读。 阅读交易看起来确实很奇怪,在这种情况下,人们通常不会标记交易方法。但是JDBC仍然会创建事务,只是如果未明确设置其他选项,它将可以正常工作。 但是,不能保证你的方法不会写入数据库。如果将metho