(十四) 给webpack增加babel支持

本节知识点

  • 利用babel 增加对es6语法的支持

(一) 安装包

  • 这个样子就全局安装好了
npm i -d babel-core babel-loader babel-preset-env babel-preset-react

(二) 在网站根目录下面新建一个后缀名是.babelrc的文件

  • .babelrc 里面写上
 {
   "presets":["react","env"]
 }

(三) 在webpack.config.js里面修改配置

      /*用于babel配置*/
            {
                test:/\.(jsx|js)$/,
                use:{
                    loader:"babel-loader"
                },
                exclude:/node_modules/
            }

(四) 重新打包这样就能支持ES6语法了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容