vue脚手架搭建项目的兼容性配置详解
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。
首先安装babel-polyfill,解决ie不支持promise对象的问题
npm install --save-dev babel-polyfill
安装成功之后,在main.js第一行引入
import 'babel-polyfill'
安装引入成功之后,如果项目还不能正常运行
则需要安装babel进行解析
(推荐阮一峰老师的文章https://www.jb51.net/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'] } }, ] }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Bootstrap+Vue滑动监听Scrollspy实现餐厅餐品展示
本文主要介绍了Bootstrap+Vue滑动监听Scrollspy实现餐厅餐品展示,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-03-03vue v-for循环重复数据无法添加问题解决方法【加track-by=''索引''】
这篇文章主要介绍了vue v-for循环重复数据无法添加问题解决方法,结合实例形式分析了vue.js通过在v-for循环中添加track-by='索引'解决重复数据无法添加问题相关操作技巧,需要的朋友可以参考下2019-03-03基于Vue2-Calendar改进的日历组件(含中文使用说明)
这篇文章主要介绍了基于Vue2-Calendar改进的日历组件(含中文使用说明)的相关知识,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
最新评论