vue脚手架搭建项目的兼容性配置详解


Posted in Javascript onJuly 17, 2018

使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。

首先安装babel-polyfill,解决ie不支持promise对象的问题

npm install --save-dev babel-polyfill

安装成功之后,在main.js第一行引入

import 'babel-polyfill'

安装引入成功之后,如果项目还不能正常运行

则需要安装babel进行解析

(推荐阮一峰老师的文章https://3water.com/article/141931.htm)

我自己是安装了babel-preset-es2015和babel-preset-stage-2

在.babelrc里面进行配置

{
  "presets": ["stage-2","es2015"],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

然后在webpack.base.config.js进行配置

脚手架搭建的项目里面都有这个方法:

function resolve(dir) {
  return path.join(__dirname, dir)
}

在module里配置需要进行编译的文件夹(如下)

module:{
  rules:[
    {
      test: /\.js$/,
      loader: 'babel-loader',
      include: [
        resolve('../src'), resolve('../config'),       
        resolve('../libs'), resolve('../node_modules/iview')
      ],
      query: {
        presets: ['es2015']
      }
    },
  ]
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
jquery 问答知识整理
Feb 11 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
JavaScript制作简单分页插件
Sep 11 Javascript
几种tab切换详解
Feb 03 Javascript
layer弹出层中H5播放器全屏出错的解决方法
Feb 21 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
Vue表单及表单绑定方法
Sep 04 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
May 30 Javascript
使用svg实现动态时钟效果
Jul 17 #Javascript
详解.vue文件中style标签的几个标识符
Jul 17 #Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 #Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 #Javascript
打通前后端构建一个Vue+Express的开发环境
Jul 17 #Javascript
详解如何从零开始搭建Express+Vue开发环境
Jul 17 #Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 #Javascript
You might like
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
Vue.js自定义指令的用法与实例解析
2017/01/18 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
Python类的基础入门知识
2008/11/24 Python
详解在Python和IPython中使用Docker
2015/04/28 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python 密码学示例——凯撒密码的实现
2020/09/21 Python
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
募捐倡议书
2014/04/14 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
行政上诉状范文
2015/05/23 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
环境卫生标语
2015/08/03 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技