博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack使用babel
阅读量:6900 次
发布时间:2019-06-27

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

几个月没用webpack都忘了好多了。

webpack构建前端,使用时除了entry/output,就是plugins和module.loaders,还有本地测试的devServer。

npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-latest

现在写js流行ES6+,webpack使用babel配置(presets)有三种。presets可以指定转换版本和相关插件、配置。

1.直接在loaders中设置配置。

module:{

  loaders;[

   {  test:/\.js$/,

    loader:'babel-loader',

         include: path.resolve(__dirname,'src'),//解析绝对路径

    exclude: path.resolve(__dirname,'node_modules'),

    query:{preset:'es2015'}},

  ]

//注意:loader关键字后面的-loader后缀现在已不允许省略

2.在根目录下创建.babelrc文件,

{presets:['es2015']}

3.在package.json中添加“babel”属性,

“babel”:{"presets":["es2015"]}

 

转载于:https://www.cnblogs.com/alan2kat/p/7245159.html

你可能感兴趣的文章
获取高德地图的四级地址
查看>>
图像识别落地B端应用,商业化的“绣球”先抛给了哪些行业?
查看>>
Elasticsearch结构化搜索_在案例中实战使用term filter来搜索数据
查看>>
Eclipse在Project Explorer项目归组及分模块显示
查看>>
超全总结:神经网络加速之量化模型 | 附带代码
查看>>
批量将xml文件转json并写入文件
查看>>
python web开发之——Flask入门教程
查看>>
区块链每日一问 | 什么是区块链的“分叉”?
查看>>
Java并发编程之CountDownLatch
查看>>
AI版本的AK-47或问世,可以在无人操控下自主决定射击
查看>>
Bootstrap学习笔记--表格
查看>>
JVM内存区域与多线程
查看>>
光谱响应与量子效率
查看>>
Tcp创建三次握手和关闭四次握手
查看>>
阿里云&数数科技联合打造新一代游戏数据分析系统正式上线
查看>>
机器学习之父Michael I.Jordan刚发了一篇长文反思人工智能,从一个生死攸关的故事说起...
查看>>
除了求婚和送货,无人机还可以用来打游戏
查看>>
民生银行与华为成立联合创新实验室:聚焦七大领域 ,构建“科技+金融”新生态...
查看>>
【AI科幻】地球陨落·真相(下)
查看>>
在 Windows Server 2003 中重置目录服务还原模式的管理员帐户密码
查看>>