zoukankan      html  css  js  c++  java
  • 关于ES6的打包编译,

    首先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.可以根据自己所看资料选择版本并不是越高越好,现在只是学习阶段。

  • 相关阅读:
    数位dp
    可持久化Trie
    网络流
    欧拉定理
    点、边双,圆方树
    [USACO5.3]窗体面积Window Area
    6.2三道模拟
    BZOJ2054 疯狂的馒头
    [USACO5.1]夜空繁星Starry Night
    [USACO5.1]乐曲主题Musical Themes
  • 原文地址:https://www.cnblogs.com/manu-yyj/p/9296025.html
Copyright © 2011-2022 走看看