Vue 兼容ie 使用transpileDependencies

最新推荐文章于 2025-06-19 17:04:51 发布

转载最新推荐文章于 2025-06-19 17:04:51 发布 · 3w 阅读

25 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/5ab8495e0d0f

vue 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何通过配置transpileDependencies属性来解决Vue项目中Node_modules依赖因使用ES6语法而导致的IE浏览器兼容性问题。该配置可以指定需要进行转译的第三方库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue 兼容ie 使用transpileDependencies

node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,所以需要在vue.config.js中使用transpileDependencies属性配置node_modules中指定哪些文件夹或文件需要编译.

 transpileDependencies: [
        /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]src/,
        /[/\\]node_modules[/\\](.+?)?element-ui(.*)[/\\]package/,
        /[/\\]node_modules[/\\](.+?)?f-render(.*)/,
        /[/\\]node_modules[/\\](.+?)?quill-image-drop-module(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-form(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-form-bmap(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-baidu-map(.*)/,
        /[/\\]node_modules[/\\](.+?)?vue-ele-upload-image(.*)/,
    ],