首页 > 其他分享 >Vue 兼容性问题 Vue-cli3.x/4.x 兼容低版本浏览器的方案

Vue 兼容性问题 Vue-cli3.x/4.x 兼容低版本浏览器的方案

时间:2023-02-27 09:33:12浏览次数:54  
标签:Vue cli3 babel js 兼容性问题 import config

参考资料:https://blog.csdn.net/sinat_41292836/article/details/116499810

 

babel.config.js

module.exports = {
    presets: [
        [
            '@vue/app',
            {
                targets: {
                    browsers: ['ie >= 9', 'safari >= 7']
                },
                useBuiltIns: 'entry',
                polyfills: ['es6.promise', 'es6.symbol']
            }
        ]
    ]
}

main.js

import 'core-js'
import 'regenerator-runtime/runtime'

vue.config.js (可选)

默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。
transpileDependencies: ["luckysheet-common"]

 

标签:Vue,cli3,babel,js,兼容性问题,import,config
From: https://www.cnblogs.com/CyLee/p/17158594.html

相关文章

  • Vue 3
    Vue(发音为/vjuː/,类似 view)是一款用于构建用户界面的JavaScript框架。Vue的两个核心功能:声明式渲染:Vue基于标准HTML拓展了一套模板语法,使得我们可以声明式......
  • 在vue3+vite3中使用socket.io-client踩坑记录
    1版本问题服务端socket.io版本和client端一定要对应,否则会连接不上。前端封装业务逻辑之前,要去和后台首先确定下自己团队所需要采用的版本。2低版本socket.io-client和v......
  • vue3动态组件
    markRow:标记一个对象,使其不能成为一个响应式对象。toRaw:将响应式对象(由reactive定义的响应式)转换为普通对象。shallowRef:只处理基本数据类型的响应式,不进行对象的响应式......
  • vue3异步组件(defineAsyncComponent、Suspense的使用)
    异步组件按需引入,用到的时候再加载,异步组件的引入需要用​​defineAsyncComponent​​进行注册。​​defineAsyncComponent​​工厂函数需要返回一个Promise对象,接收对象类......
  • Vue3 | 右键菜单插件推荐v-contextmenu
    v-contextmenu-githubv-contextmenu-docv-contextmenu-预览可以非常快速实现鼠标右键菜单O(∩_∩)O~......
  • Vue的基础知识(三)
    本章将继续和大家分享Vue的一些基础知识。话不多说,下面我们直接上代码:本文内容大部分摘自Vue的官网:https://v2.cn.vuejs.org/v2/guide/首先我们先来看一下Demo的目录结构......
  • 如何实现页面倒计时秒杀功能 并保持数据与后端一致 html cdn vue模式下动态创建公共元
      首先我们来看需求,实现页面倒计时,关键是前端展示时分秒天,做好自己的倒计时函数,然后刷新页面依然会从数据源中拿到后端时刻刷新的毫秒值,再进行倒计时,这样周而复始,就......
  • Vue | css如何使用js中的变量
    如在Vue中,我们可以绑定在style上面变量,然后使用css来使用该变量,如下:<divclass="layersBoxunselect"v-move:style="`--color:${theme}`">.layersBox{color:var......
  • vue3 通过文件名称 插槽里只显示指定名称组件
    vue3过滤插槽里的组件获取到插槽,也就是VNode,根据type的名称把不符合名称的组件过滤出去想实现类似ElementUI的select效果,在el-sleect组件中放文本div或是别的组件都不显......
  • ruoyi-vue 业务模块访问出现404
    自己新增代码出现业务模块访问出现404  需要把control放在ruoyi-admin下面  包扫描  ......