Webpack:We noticed you‘re using the `useBuiltIns` option without declaring a core-js version.

在webpack中采用@babel/preset-env编译js语法时，包如下错误

WARNING (@babel/preset-env): We noticed you're using the `useBuiltIns` option without declaring a core-js version. Currently, we assume version 2.x when no version is passed. Since this default version will likely change in future versions of Babel, we recommend explicitly setting the core-js version you are using via the `corejs` option.You should also be sure that the version you pass to the `corejs` option matches the version specified in your `package.json`'s `dependencies` section. If it doesn't, you need to run one of the following commands:npm install --save core-js@2    npm install --save core-js@3yarn add core-js@2              yarn add core-js@3More info about useBuiltIns: https://babeljs.io/docs/en/babel-preset-env#usebuiltins
More info about core-js: https://babeljs.io/docs/en/babel-preset-env#corejs

大致意思是让我要么在package.json中的dependencies中加入了"core-js"的某个版本，要么安装"core-js"（安装是不可能再安装的！）

关于Babel7.4.0官网对于配置@babel/preset-env中useBuiltIns的介绍

Please note that if you are relying on browserslist's defaults query (either explicitly or by having no browserslist config), you will want to check out the No targets section for information on preset-env's behavior.

请注意，如果您依赖于browserslist的defaults查询（无论是显式的还是通过没有browserslist配置），您将需要查看no targets部分以获取有关预设env行为的信息。

解决方案：

1、先安装依赖 core-js

2、再配置如下

Webpack:We noticed you‘re using the `useBuiltIns` option without declaring a core-js version.相关推荐

webpack来打包你的vue项目，如发现你的vendor.js过大
1.如果你使用了webpack来打包你的vue项目,如发现你的vendor.js过大则可以参考本文的解决方案. 2.造成过大的原因是因为在main.js导入第三库太多时,webpack合并js时生成了 ...
webpack——webpack与浏览器缓存(十六)
调整项目项目结构: src/index.js import _ from 'lodash' import $ from 'jquery'const dom = $('<div>') do ...
core-js@2 core-js@3报错问题
vue 编译提示安装 core-js,很有可能是这个错: WARNING: We noticed you're using the `useBuiltIns` option without decla ...
webpack从入门到精通（三）生产环境的基本配置
1. 提取css成单独文件 1)创建文件 index.js中我们引入css文件 import '../css/a.css'; import '../css/b.css'; 2)下载plugin包 np ...
（六）构建优化(揭开webpack性能优化的内幕)
构建优化 webpack的优化配置[了解这些优化配置才敢说会用webpack] Tree-shaking JS压缩作用域提升 Babel的优化配置 webpack的依赖优化 noParse(不解析) ...
（十）webpack 和 babel
webpack 和 babel webpack 面试题基本配置拆分配置和merge 启动本地服务处理ES6 处理样式处理图片模块化总结高级配置多入口抽离css文件抽离公共代码懒加 ...
webpack 合并压缩_webpack的运用
声明:受朋友之托,托管其原创文章.作者:JEN_最前端.个人主页:https://juejin.im/user/1011206430141975/post 补充知识点 Development 与 Pr ...
Webpack 5 配置手册（从0开始）
webpack安装顺序 1. `npm init -y`,初始化包管理文件 package.json 2. 新建src源代码目录 3. 新建index.html 4. `yarn add webpac ...
安装webpack及使用
前言你是否也是只会运用框架中集成好的Webpack配置呢?你明白每一项的意义么?你懂多少Webpack的个性化配置项呢?本篇文章为你讲解Webpack中的各种配置项参数及作用! 文章目录了解Web ...
webpack - 基础配置教程
目录什么是webpack? 简要介绍 webpack中的模块打包(bundle)的概念 webpack的工作 webpack如何分析模块依赖关系 webpack五大核心概念 entry outpu ...

Webpack:We noticed you‘re using the `useBuiltIns` option without declaring a core-js version.

Webpack:We noticed you‘re using the `useBuiltIns` option without declaring a core-js version.相关推荐

最新文章

热门文章