首页 > 其他 > 详细

关于ES6的打包编译,

时间:2018-07-11 18:44:51      阅读:147      评论:0      收藏:0      [点我收藏+]

首先npm给插件下载好

"@babel/core": "^7.0.0-beta.52",
"babel-loader": "^8.0.0-beta.0",
配置大概长这个样子,
然后大概配置的webpack.config.js长这个样子,
module.exports={
   entry:{
   app:‘./app.js‘
   },
   output:{
   filename:‘[name].[hash:8].js‘
       },
        module:{
            rules:[
                {
                    test:‘/\.js$/‘,
                    use:{
                        loader:‘babel-loader‘,
                        options:{
                        presets:[‘@babel/preset-env‘,{
                        targets:{
                        browsers:[‘>1%‘,‘last 2 versions‘]
                        }
                        }]
                        }
                    },
                    exclude:‘/node_module/‘
                }
            ]

        }
};

use里面的配置是根据插件的需求配置的,其他的是些基本配置。

这种方式不错但是,用 babel-polyfill更简单一些, import ‘babel-polyfill‘ 在需要打包的es6头文件中就行了。

用的webpack3.10.0.可以根据自己所看资料选择版本并不是越高越好,现在只是学习阶段。

关于ES6的打包编译,

原文:https://www.cnblogs.com/manu-yyj/p/9296025.html

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