首页 > Web开发 > 详细

webpack 转换 ES6高级语法 bable插件 module rules

时间:2018-11-19 17:09:58      阅读:214      评论:0      收藏:0      [点我收藏+]
// 在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"]
} */

webpack 转换 ES6高级语法 bable插件 module rules

原文:https://www.cnblogs.com/liuliang389897172/p/9983666.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!