rollup 使用babel7版本的插件rollup-plugin-babel,rollup-plugin-babel使用报错解决办法。

摘要:
最近,我在研究Rollup,想吐槽Rollup的官方文件太简单了。我还根据文档一步一步地报告错误,这表明文档有点旧…根据文档使用汇总插件标签来报告错误。首先,打开汇总插件babel的github文档。发现错误的原因是babel有两个版本,7和6。汇总文档是babel 6的使用方法。由于需要学习最新的使用方法。粗略阅读了汇总插件标签文档后,我没有找到任何有用的信息,所以我不得不去Babel的官方网站查找使用方法。

最近在研究rollup,想吐槽下rollup的官方文档写的真的太简单了,而且照着文档一步步来还报错,说明文档年代有点久远啊。。。
照着文档使用rollup-plugin-babel报错,首先打开rollup-plugin-babel的github文档看,发现报错原因是babel现在有7和6这2个差别较大的版本,rollup的文档是babel6的使用方法,既然是学习肯定要学习最新的使用方式撒。照着rollup-plugin-babel的文档大致读了一遍,没找到啥有用的信息,没办法,就只能去babel官网找下使用方式。
https://www.babeljs.cn/docs/usage
babel官方文档写的很清楚哈rollup 使用babel7版本的插件rollup-plugin-babel,rollup-plugin-babel使用报错解决办法。第1张
安装这些东西然后这么些东西就行了,我们稍微改一下,把.babelrc文件这么写

{
  "presets": [
    [
      "@babel/env",
      {
        "modules": false,
        "useBuiltIns": "usage"
      }
    ]
  ]
}

然后其他不变,执行rollup -c 然后终于可以打包了,然后控制台还会报警告,让我看着很不爽
rollup 使用babel7版本的插件rollup-plugin-babel,rollup-plugin-babel使用报错解决办法。第2张
再去查了下资料,大概意思是说要你指定corejs指定哪个版本
于是改.babelrc文件为

{
  "presets": [
    [
      "@babel/env",
      {
        "modules": false,
        "useBuiltIns": "usage",
        "corejs": "3" // 新增
      }
    ]
  ]
}

这下终于能够简单的使用了,真爽。最后Babel之前研究过,现在要用又忘得差不多了,幸好之前做了笔记哈哈,https://www.cnblogs.com/wzcsqaws/p/10943587.html

免责声明:文章转载自《rollup 使用babel7版本的插件rollup-plugin-babel,rollup-plugin-babel使用报错解决办法。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于python3.x IDAPython第二讲 段 函数 汇编指令等操作[基础技能] 安全技术——数字签名与数字证书以及其中涉及到的相关伪造问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

react 配置ant时遇见的一个Error: Multiple configuration files found. Please remove one: – package.json#babel – .babelrc 解决方案

这个问题是create react app 里面的package.json里面已经配置了   "babel": {     "presets": [       "react-app"     ]   } 这样的配置,但是又在根目录下建立了一个babelrc的文件,所以导致重复,但是不可以直接删掉,不然报   编译失败 ./src/index.jsS...

Babel之babel-polyfill、babel-runtime、transform-runtime详解

引言 babel默认只转换新的 JavaScript 语法,比如箭头函数、扩展运算(spread)。 不转换新的 API,例如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转译。如果想使用这些新的对象和方法...

如何把es6的代码转成es5,ECMAScript 2015+代码转换神器——Babel

Babel是一个JavaScript编译器 Babel是一个工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript。以下是Babel可以为您做的主要事情: . 转换语法. 目标环境中缺少Polyfill功能(通过@ babel / polyfill). 源代码转换(codemods). 和更...

实战webpack4.0常用配置与优化

注意: 1、在webpack里,所有文件都是模块 例如:JS模块--->模块化(AMD、CMD、ES6 Module、Commonjs) 关于模块化参见https://www.cnblogs.com/jianxian/p/12753375.html.   如下所示      接下来便可以导入使用      最后做下验证输出,可以...

vue 项目按需引入多个ui组件库

在做项目的过程中遇到了公司组件库没有的组件,这个时候需要按需引入elementUI ,同时公司的组件库也是按需引入的,减少项目的体积。话不多说直接上代码: 首先:我们需要借助  babel-plugin-component,npm install babel-plugin-component -D 其次:我们找到我们的 bable.congig.js 来配...

Webpack 解析ES6和React

webpack解析ES6 webpack原生可以识别js,但不能识别ES6语法因此需要借助babel-loader以及.babelrc配置文件 babel-preset是一系列babel plugin的集合 安装以下npm包 npm i @babel/core@7.4.4 @babel/preset-env@7.4.4 babel-loader@8.0.5...