zoukankan      html  css  js  c++  java
  • Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

    Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案


    解决方式:安装 "babel-polyfill" 即可。


    命令:npm install --save-dev babel-polyfill    


    在入口main.js文件引入:import 'babel-polyfill'

    最后一步,在build文件夹下找到webpack.base.conf.js.修改入口方式:

    entry: {
    app: ["babel-polyfill", "./src/main.js"]
    }

    最后,再依赖一个插件解决ES6/ES7高级语法兼容
    npm install --save-dev babel-preset-es2015-ie


    如果根目录下缺少文件.babelrc,新建一个,如下:
    {
      "presets": [


    ["env", {
          "modules": false,
          "targets": {
            "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
          }
        }],
        "stage-2"
      ],
      "plugins": ["transform-runtime"],
      "env": {
        "test": {
          "presets": ["env", "stage-2"],
          "plugins": ["istanbul"]
        }
      }
    }

    原文:https://blog.csdn.net/winter__is__coming/article/details/79947361

  • 相关阅读:
    如何设置PPT,演示者能看到备注而观众看不到
    面向对象的设计原则-类设计原则
    C#路径
    MyEclipse汉化
    XML
    C#读取Excel文件
    预处理指令
    c/c++有些函数之前有export
    动态内存
    模板
  • 原文地址:https://www.cnblogs.com/luoxuemei/p/9665336.html
Copyright © 2011-2022 走看看