社区
其他技术讨论专区
帖子详情
Vue-cli3创建的项目无法编译es6的新特性怎么办
weixin_38053856
2019-08-22 01:57:43
vue-cli3创建的项目无法编译es6的新特性怎么办,比如IE依旧不兼容startsWith()、endsWith()、padStart()、padEnd()等等
...全文
325
1
打赏
收藏
Vue-cli3创建的项目无法编译es6的新特性怎么办
vue-cli3创建的项目无法编译es6的新特性怎么办,比如IE依旧不兼容startsWith()、endsWith()、padStart()、padEnd()等等
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
weixin_38064085
2019-08-22
打赏
举报
回复
import 'babel-polyfill'
解决
Vue-cli
无法
编译
es6
的问题
最近使用
vue-cli
创建
项目
的时候,遇到
es6
无法
转换成es5的情况,
项目
在ios9下
无法
正常运行,在webpack.base.conf.js里面修改babel的配置项,添加src目录也没用,于是百度,谷歌找方法,最后自己想了想是不是没有配置.babelrc文件,于是在
项目
根目录
创建
.babelrc文件,同时在文件中编写 { presets: [ env ], plugins: [ transform-runtime ] } 于是
es6
语法成功
编译
成es5,开心。 补充知识:vue cli2、cli3
编译
(打包)后的chunk-vendors.js文件
vue引入静态js文件的方法
由于一些演示,需要对编码名称等可快速进行修改,需要页面方便配置。由于build后的vue
项目
基本已经看不出原样,因此需要
创建
一个文件,并在打包的时候不会进行
编译
。
vue-cli
2.0的作法是在static文件下
创建
js。
vue-cli
3.0 的写法则是直接在public文件夹下
创建
js、 具体操作如下: 1、在public文件夹下
创建
config.js文件,里面文件的语法是es5,不允许使用浏览器不能兼容的
es6
语法。因为该文件不进行
编译
,
es6
部分语法浏览器不兼容。 2.、在html文件下,使用
标签进入 3、在页面直接按照原生的方法使用即可。 例如config.js定
Vue.js 高仿饿了么外卖
项目
源码
使用vue.js vue是当前最火的MVVM框架,(优点:轻量、简洁、高效、数据驱动、组件化) 本
项目
做的是:高仿上线外卖APP商家模块 开发过程:需求分析-脚手架工具-数据mock-架构设计-代码编写-自测-
编译
打包 以线上生产环境来开发:代码开发及测试环节:UI标注完美还原设计图、以真实外卖APP数据做演示,以保证代码无兼容性问题。 代码规范: (1)架构设计;(2)组件抽象;(3)模块拆分;(4)代码风格统一;(5)JS变量命名规范;(6)CSS代码规范;致力于编写高可维护,易于扩展,通用性强的代码,了解真实
项目
流程。 3. 学习内容 学习目标: (1)掌握vue.js在实战中的运用;(2)学会使用Vue.js完整开发移动端APP;(3)学会组件化、模块化的开发方式;(4)学会使用第三方组件库辅助开发;(5)学会
项目
部署和构建过程 学习内容:(1)Vue.js框架介绍;(2)
vue-cli
脚手架搭建基本代码框架;(3)vue-router官方插件管理路由;(4)vue-source ajax通信;webpack构建工具;(6)
ES6
+eslint 规范代码风格,代码风格审查工具
使用webpack搭建一个vue demo
前言:我们在开发vue过程中使用
vue-cli
脚手架工具能够十分快速的构建
项目
, 但是vue官方却十分不推荐初学者直接使用脚手架,为了更好理解
vue-cli
工作原理,故我们使用webpack构建一个vue demo,能够编写基本的vue代码 一.目录结构 目录结构如下: 初始化为npm
项目
后,
创建
图示文件,文件夹 mkdir webpack-vue npm init -y 二.
项目
依赖 首先安装webpack开发依赖 npm i webpack webpack-cli webpack-dev-server -D 安装babel相关依赖,
编译
es6
代码 npm i babel-core b
vue_bilibili
维比利比利 仿b站移动端开发,使用
vue-cli
4.x脚手架
创建
项目
技术栈vue2.6 + vue-router + axios +
ES6
+更少+ flex + vant vue路由采用history模式和懒加载的方式 使用vw单位实现自适应布局 使用阿里妈妈矢量图标库(iconfont)
项目
大致效果动图 功能 登录功能 注册功能 权限验证 筛选分类 发布头像 编辑个人信息 拖动加载 返回顶部 视频播放 推荐视频 收藏视频 关注用户 盖楼评论 发表评论 接口(感谢开源)
项目
设置 npm install
编译
和热重装以进行开发 npm run serve
编译
并最小化生产 npm run build
其他技术讨论专区
433
社区成员
791,270
社区内容
发帖
与我相关
我的任务
其他技术讨论专区
其他技术讨论专区
复制链接
扫一扫
分享
社区描述
其他技术讨论专区
其他
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章