美文网首页
webpack babel根据配置打包生成对应的polyfill

webpack babel根据配置打包生成对应的polyfill

作者: imxiaochao | 来源:发表于2019-02-12 16:38 被阅读0次

    在使用webpack+babel的时候,经常会配到需要添加polyfill,根据搜索到的资料一般都是在入口文件引入polyfill,这样的话,打包出来的文件会比较大,不太适合移动端的项目,多番资料查找验证之后,可以对.babelrc文件做以下处理即可

    {
        "presets": [
            [
                "@babel/preset-env",
                {
                    "modules": false, //设置ES6 模块转译的模块格式 默认是 commonjs
                    "targets": { // 配支持的环境
                        "browsers": ["ie >=10"]
                    },
                    "useBuiltIns": "usage", // 是否开启自动支持 polyfill
                    "debug": true // debug,编译的时候 console
                }
            ]
        ],
        "plugins": ["@babel/transform-runtime"]
    }
    // 其实就是对babel做配置,但是一般项目的starter里边很少有如此配置的,所以就给忽略了
    

    相关文章

      网友评论

          本文标题:webpack babel根据配置打包生成对应的polyfill

          本文链接:https://www.haomeiwen.com/subject/abukeqtx.html