vue脚手架搭建项目的兼容性配置
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。
首先安装babel-polyfill,解决ie不支持promise对象的问题
npm install --save-dev babel-polyfill
安装成功之后,
在main.js第一行引入
import 'babel-polyfill'
安装引入成功之后,如果项目还不能正常运行 则需要安装babel进行解析
(推荐阮一峰老师的文章 http://www.ruanyifeng.com/blog/2016/01/babel.html)
我自己是安装了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'] } },
]
}
vue脚手架搭建项目的兼容性配置相关推荐
- vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法
安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...
- Vue脚手架搭建项目
全局安装vue脚手架 $ npm install -g vue-cli 卸载方法 $ npm uninstall -g vue-cli 查看vue版本(注意:大写的V) $ vue -V 创建项目 $ ...
- Vue环境搭建(node安装,环境配置,运行项目)
Vue环境搭建(node安装,环境配置,运行项目) 一.安装node 1.去官网下载node之后,推荐安装稳定版本(LTS)node官网下载地址 2.查看node安装成功否 node -v 查看nod ...
- 【Vue】—Vue脚手架创建项目时的 linter / formatter config配置选择
[Vue]-Vue脚手架创建项目时的 linter / formatter config配置选择 ESLint with error prevention only 只进行报错提醒 ESLint + ...
- Vue 脚手架搭建目录及文件详解
vue脚手架搭建在各大前端网站都有详解,这里就不多作介绍,此文章主要介绍脚手架搭建后的目录结构,以及配置文件的详解. 1. 目录结构 目录结构如下: 我们来介绍一下这些目录: 一级目录 build: ...
- Vue脚手架创建项目流程
Vue脚手架创建项目流程 图形化创建 在创建文件的文件夹打开cmd, 按住shift右键打开黑窗口,或者直接在文件夹上面路径上面输入cmd 输入vue ui 会自己在浏览器打开 点击创建项目 项目文件 ...
- vue-cli3搭建项目之webpack配置
vue-cli3搭建项目之webpack配置 一.vue.config.js文件 const path = require('path')module.exports = {publicPath: ' ...
- vue脚手架解决跨域问题-------配置反向代理
vue脚手架解决跨域问题-------配置反向代理 参考文章: (1)vue脚手架解决跨域问题-------配置反向代理 (2)https://www.cnblogs.com/zbx-boke/p/9 ...
- 使用vue脚手架的项目使用https: true,报错:Invalid typed array length: -4095
使用vue脚手架的项目使用https: true,报错:Invalid typed array length: -4095 使用vue脚手架的项目使用https: true,报错:Invalid ty ...
最新文章
- 管理到底是“管人”还是“管事”,百分之九十的人理解有问题
- mysql隔离级别加锁情况_MySQL数据库事务各隔离级别加锁情况--read committed amp;amp; MVCC...
- hht时频谱 matlab 乱序_频谱、能量谱、功率谱的区别与联系
- MySql数据库连接池
- python更改数据框指定位置的数据_python – 更改数据框中多个loc的最快方法
- 要来吗,不错的WPF技术交流群!(大批干货今日自取)
- aws集群重启_在AWS中设置Cassandra集群
- CSS深入理解学习笔记之vertical-align
- 前端工程师的进阶之路
- sklearn 下的 ensemble learning
- 计算机系统导论第九章,计算机系统导论 -- 读书笔记 -- 第三章 程序的机器级表示 (持续更新)...
- 安装idea(最新版IntelliJ IDEA)编译器(详细到每步)
- TensorFlow学习【1】--TensorFlow下载安装
- 生成1-100随机数并进行猜测
- java算术运算符乘方_用java编写计算器 能够实现简单的加、减、乘、除、乘方、开方运算等;...
- error超频 whea win10_win10蓝屏whea_uncorr修复
- 32位谷歌浏览器的下载网址
- Java尚硅谷基础笔记-day4数组-数组常见算法
- 解读平高球动作要领,平高球怎么打
- AutoLISP确定图纸幅面DCL对话框设计
热门文章
- springboot17 集成SpringSecurity
- spring学习-xml属性注入-数组--list--map--set类型
- git clone 多个_软件测试知识点 | 测试过程常用的Git命令
- qt 隐藏控制台_带可选GUI的Qt控制台应用程序
- SpringBoot2入门笔记
- 大学生计算机大赛课题,第14届中国大学生计算机设计大赛云南赛区决赛举行 32个项目胜出...
- dbforge连接mysql_DbForge Schema Compare for MySQL入门教程:如何连接到数据库
- java 代码段 执行超时 抛异常_Java 并发队列详解TransferQueue、BlockingQueue、BlockingDeque
- phpcms v9 index.php,Phpcms V9后台登录地址修改方法
- set列表对象去重_java中List对象列表去重或取出以及排序