webpack解决js兼容性示例:

webpack解决js兼容性示例:

码农世界 2024-05-16 前端 72 次浏览 0个评论

尽管babel可以将es6+转换成es5或更低版本,但是它不能解决所有的浏览器兼容问题。

  1. api兼容问题, babel转换的全局属性方法(Promise fetch Array.prototype.includes)在旧版浏览器是不支持的
  2. 确保在不同浏览器有一致的行为
webpack.config.js
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'main.js',
    },
    // mode: 'production', // 或者 'production'
    module: {
        rules: [
            {
                test: /\.js/,
                exclude: /(node_modules)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            }
    ]
    }
}
npm i core-js
src/index.js
import 'core-js/stable'
let a = 1
a+=1

转载请注明来自码农世界,本文标题:《webpack解决js兼容性示例:》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,72人围观)参与讨论

还没有评论,来说两句吧...

Top