https://github.com/holidaypenguin/image-loader-progress
这是根据文章发布日期弄的一个小例子
最近在研究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官方文档写的很清楚哈
img
安装这些东西然后这么些东西就行了,我们稍微改一下,把.babelrc文件这么写
{
"presets": [
[
"@babel/env",
{
"modules": false,
"useBuiltIns": "usage"
}
]
]
}
然后其他不变,执行rollup -c 然后终于可以打包了,然后控制台还会报警告,让我看着很不爽
img
再去查了下资料,大概意思是说要你指定corejs指定哪个版本
于是改.babelrc文件为
{
"presets": [
[
"@babel/env",
{
"modules": false,
"useBuiltIns": "usage",
"corejs": "3" // 新增
}
]
]
}
这下终于能够简单的使用了,真爽。最后Babel之前研究过,现在要用又忘得差不多了,幸好之前做了笔记哈哈,