时间:2021-07-01 10:21:17 帮助过:24人阅读
loader官方解释是文件预处理器,通俗点说就是webpack在处理静态文件的时候,需要使用 loader 来加载各种文件,比如: html文件需要使用html-loader ,css 需要使用css-loader 、 style-loader 等等。
今天我们来认识的是 babel-loader,用来处理ES6语法,将其编译为浏览器可以执行的js语法。
安装
我们需要用到 babel-loader babel-core babel-preset
配合版本: webpack 3.x | babel-loader 8.x | babel 7.x
npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack webpack 3.x babel-loader 7.x | babel 6.x
使用
先来上一个小栗子:
可以使用 options 属性 来给 loader 传递选项。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Angular中使用better-scroll插件的方法_AngularJS
Angularjs实现控制器之间通信方式实例总结
JavaScript代码实现txt文件的上传预览功能
以上就是Webpack 之 babel-loader文件预处理器详解的详细内容,更多请关注Gxl网其它相关文章!