vue解决ie兼容问题

原创于 2021-05-27 18:31:26 发布 · 373 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了如何通过创建或编辑babel.config.js文件，设置useBuiltIns为'entry'，并引入@babel/polyfill来解决ES6语法在旧浏览器中的兼容性问题。然而，这种方法可能导致打包体积增大，因为包含了未使用的polyfill。为更精确地引入所需polyfill，作者建议采用更复杂的方法，但并未详述。

首先找到babel.config.js文件，没有就建一个。
在这里插入图片描述
然后在里面写

module.exports = {
    presets:[
        [
        	'@vue/app',
        	{
            	useBuiltIns: 'entry'
        	}
        ]
    ]
}

之后找到main.js文件
在这里插入图片描述
在main.js文件的最上面一行加上

import '@babel/polyfill'

之后启动服务，不出意外的话为报下面的错
在这里插入图片描述
然后，按照提示

下完之后重启服务就ok了。
ps：这是导入所有polyfill，所以最后的包会大一点，因为包含了一些没有用到的polyfill，对于解决问题来说属于火力覆盖，不属于精准打击，其实也有精准打击的招数，但是我觉得比这个方法困难，我就没试，就不在这写了