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 相关文章推荐
jquery validation插件表单验证的一个例子
Mar 03 Javascript
iphone safari不支持position fixed的解决方法
May 04 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
js中typeof的用法汇总
Dec 12 Javascript
原生js实现tab选项卡切换
Mar 23 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
Vue开发环境跨域访问问题
Jan 22 Javascript
vue treeselect获取当前选中项的label实例
Aug 31 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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
如何去掉文章里的 html 语法
2006/10/09 PHP
关于初学PHP时的知识积累总结
2013/06/07 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP比你想象的好得多
2014/11/27 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
PHP7 foreach() 函数修改
2021/03/09 PHP
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
js中settimeout方法加参数
2014/02/28 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
深入理解$.each和$(selector).each
2016/05/15 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
JSONP跨域请求
2017/03/02 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
python中遍历文件的3个方法
2014/09/02 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
python学生管理系统代码实现
2020/04/05 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
使用phonegap进行提示操作的具体方法
2017/03/30 HTML / CSS
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
农药学硕士毕业生自荐信
2013/09/25 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
十岁生日答谢词
2015/01/05 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
仰望星空观后感
2015/06/10 职场文书
教学副校长工作总结
2015/08/13 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang