webpack 配置babel-loader babel7

本文转载自查看原文 2019-12-02 14:38 311 webpack

babel 7版本配置

在webpack中默认只能处理部分 ES6的新语法，一些更高级的ES6或ES7的语法，
webpack是处理不了的这个时候就需要借助第三方的loader 来帮助webpack 处理这些高级的
语法。当第三方loader 把高级语法转为低级语法之后会把结果交给 webpack去打包

Balel 可以帮我我们将高级的语法转为低级的语法

npm install babel-loader @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel-preset-env @babel/runtime -D

webpack.config.js配置

在项目目录下新建 .babelrc文件

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 webpack 5 配置babel-loader babel7 babel-loader配置 babel-loader 配置 babel-loader配置 webpack，Babel，babel-loader的关系前端工程化之webpack中配置babel-loader（四） webpack5配置babel-loader报错的解决方法 webpack4.41.0配置二（加载器_url-loader/babel-loader/sass-loader）配置babel-loader处理JSX语法 babel配置解析, 以及babel6和babel7的区别