關於ES6的打包編譯,

首先npm給插件下載好node

"@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裏面的配置是根據插件的需求配置的,其餘的是些基本配置。webpack

這種方式不錯可是,用 babel-polyfill更簡單一些, import 'babel-polyfill' 在須要打包的es6頭文件中就好了。es6

用的webpack3.10.0.能夠根據本身所看資料選擇版本並非越高越好,如今只是學習階段。web

相關文章
相關標籤/搜索