博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack 转换 ES6高级语法 bable插件 module rules
阅读量:6908 次
发布时间:2019-06-27

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

// 在webpack中只能处理一部分es6语法 一些高级的ES6或者ES7 webpack处理不了 借助第三方loader处理 会将结果打包到main.js
// loader 通过Bable可以转换
// webpack中运行 如下两套命令 去安装bable功能
// 1,cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
// 2, cnpm i babel-preset-env babel-preset-stage-0 -D
/* 2, 打开webpack 配置文件 ,在module节点下的rules数组中 添加一个新的匹配规则:
{test:/\.js$/,use:'babel-loader',exclude:/node_modules/}
在配置bable属性规则时候 必须把node_modules通过exclude排除调(不排除的话 会把文件夹中所有js文件都打包编译 无法正常运行)
3,在项目的根目录中 新建一个.babelrc 的babel配置文件 属于json 字符串必须使用双引号
在babelrc写如下设置
*/
/* {
"presets":["env","stage-0"],
"plugins":["transform-runtime"]
} */

转载于:https://www.cnblogs.com/liuliang389897172/p/9983666.html

你可能感兴趣的文章
SharePOint 2010 Mysettings 不能编辑用户信息
查看>>
Spring Boot打包部署和环境配置
查看>>
javascript基本语法总结
查看>>
【算法学习笔记】22.算法设计初步 二分查找 上下界判断
查看>>
451. 根据字符出现频率排序
查看>>
修改dedecms中某个页面ueditor的宽度
查看>>
String为什么要设置成Final类型
查看>>
生成XML文件,并保存到本地文件
查看>>
[C++]const、typedef联合使用注意
查看>>
JavaScript引用类型之Array数组的栈方法与队列方法
查看>>
银行转账亲测
查看>>
上海租房攻略
查看>>
【Python爬虫学习笔记3】requests库
查看>>
Spring boot(四)Spring Boot 集成 MyBatis
查看>>
win7重装系统
查看>>
转:【高并发简单解决方案】redis缓存队列+mysql 批量入库+php离线整合
查看>>
列表和屏幕的相互调用之从列表调用屏幕
查看>>
loadrunner-2-13错误处理函数
查看>>
C# 中的 App.config 文件配置
查看>>
LeetCode 队列与BFS--岛屿的数量
查看>>