(精华)2020年7月12日 webpack 增加 babel⽀持
发布日期:2021-06-29 15:06:57 浏览次数:2 分类:技术文章

本文共 1587 字,大约阅读时间需要 5 分钟。

在开发依赖包安装如下插件:

yarn add @babel/core babel-loader @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-transform-modules-commonjs -D

在线上依赖包安装

yarn add @babel/runtime -D

//babel 配置 {
test: /\.(jsx|js)$/, use: {
loader: 'babel-loader', // options:{ // presets:[ "@babel/preset-env" ] //方法一 // } }, exclude: /node_modules/}

.babelrc (方法二)

{
"presets": [ [ "@babel/preset-env", {
"useBuiltIns": "usage", //按需注入 "corejs": "2", // 声明corejs版本 "targets": {
"browsers": [ "> 1%", "last 5 versions", "ie >= 8" ] } } ] ], "plugins":[ // This plugin transforms ES2015 modules to CommonJS. ["@babel/plugin-transform-runtime",{
}] ]}

@babel/plugin-transform-runtime

防止全局污染

yarn add @babel/plugin-transform-runtime --dev

yarn add @babel/runtime–save
yarn add @babel/runtime-corejs2 //有错误才安装
yarn add @babel/polyfill --dev

{
"presets": [ [ "@babel/preset-env", {
"useBuiltIns": "usage", //按需注入 "corejs": "2", // 声明corejs版本 "targets": {
"browsers": [ "> 1%", "last 5 versions", "ie >= 8" ] } } ] ], "plugins":[ // This plugin transforms ES2015 modules to CommonJS. ["@babel/plugin-transform-runtime", {
"absoluteRuntime":false, "corejs":2, "helpers":true, "regenerator":true, "useESModules":false } ] ]}

转载地址:https://codeboy.blog.csdn.net/article/details/107294416 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:(精华)2020年7月12日 webpack 常见插件的使用
下一篇:(精华)2020年7月12日 webpack 配置第三方 loader

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月06日 13时24分03秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章