位置: 编程技术 - 正文

Es6 写的文件import 起来解决方案详解(.es6文件)

编辑:rootadmin

推荐整理分享Es6 写的文件import 起来解决方案详解(.es6文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:es6什么文件,es6 文档,es6什么文件,es6文件的后缀是什么,.es6文件,es6文件格式,.es6文件,es6文件格式,内容如对您有帮助,希望把文章链接给更多的朋友!

这段时间,学习了一点关于es6新规范的知识,然后心血来潮,想尝试一下用ES6编写的代码在浏览器中跑起来。

说干就干,先说下我的实现步骤(没想到有坑!)

把ES6代码转译成ES5; html文件引入转译后的ES5; 然后在浏览器环境中运行; 在node环境中运行;

然后下面是我的一些目录结构,大致预览一下。

src,es6开发目录

dist,es5生产目录

test,一个测试目录

然后,看一下我的ES6开发的一些js是什么样子。

file file2 app

Es6 写的文件import 起来解决方案详解(.es6文件)

test

然后我们在html中引入dist中的经过转译的文件

在浏览器中测试,test中因为没引入模块,所以正常执行,app中因为引入了模块,而且是CommonJS规范,但是浏览器不支持这种规范,因此报错

假如,我们为了测验,就给html加上requireJS文件,浏览器支持AMD/CMD规范。异步加载定义。

但是,我们发现,还是会报错,说明语法不支持,或者两者冲突了,因为一种是AMD,一种是CommonJS。

由于我们通过node来编译ES6成ES5,node模块就是参照CommonJS规范来的,所以ES5的语法,也属于CommonJS规范,而且现在的浏览器和node都不支持ES6的规范或大部分不支持。

解决方法

经过查阅资料,发现可以通过webpack打包工具来将依赖合并成一个文件,然后引入html中。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

JavaScript 输出显示内容(document.write、alert、innerHTML、console.log) JavaScript输出JavaScript没有任何打印或者输出的函数。JavaScript显示数据JavaScript可以通过不同的方式来输出数据:使用window.alert()弹出警告框。使用document.wr

js querySelector() 使用方法 querySelector定义和用法querySelector()方法返回文档中匹配指定CSS选择器的一个元素。注意:querySelector()方法仅仅返回匹配指定选择器的第一个元素。如果你

原生的强大DOM选择器querySelector介绍 在传统的JavaScript开发中,查找DOM往往是开发人员遇到的第一个头疼的问题,原生的JavaScript所提供的DOM选择方法并不多,仅仅局限于通过tag,name,id等方式

标签: .es6文件

本文链接地址:https://www.jiuchutong.com/biancheng/376033.html 转载请保留说明!

上一篇:Javascript this 函数深入详解

下一篇:JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)(javascript如何输出变量)

  • 出口退税认定如何办理
  • 什么叫应纳税所得额
  • 企业纳税申报表包括哪些表
  • 报税是怎么操作的
  • 社保个人承担部分
  • 经营性应付项目的增加怎么计算
  • 质量扣款能按折扣计算吗
  • 购入土地使用权以什么为计税依据
  • 预提费用报税时填哪里
  • 附加税是当月计算吗
  • 进项税转出主要内容包括
  • 预交增值税设备租赁是否可抵扣
  • 广告费和业务宣传费15%还是30%
  • 小规模纳税人印花税减免税优惠政策
  • 上级工会返还的经费记什么收入
  • 税收的六大作用
  • 车船税不开发票怎么做账?
  • 发票冲红重开摘要如何写合适?
  • 盘盈入库做什么分录
  • 结算本月应付职工薪酬,其中生产工人工资为18000
  • 一般纳税人购入货物相关的增值税可以抵扣
  • 股权转让如何避免缴纳个税
  • 分公司开票总公司收款行吗
  • 金税盘管理费用怎么结转
  • 2017年个税税率表及个税计算公式
  • 对公账户在税务局能查到吗
  • 企业车辆保险费要按什么交印花税的
  • 建筑企业法定代表人和建筑公司资质不是一个人
  • 审计的内容是什么
  • 保洁属于劳务报酬吗
  • 公积金社保报销会计分录怎么写?
  • 以无形资产进行投资
  • xp系统咋样
  • 在win10中怎么从edge旧ie浏览器
  • 安装win11一直转圈要多久?
  • php string函数
  • 境外汇款犯法吗
  • wordpress用什么开发的
  • 制药企业成本核算流程
  • 黄石国家公园里的必玩项目
  • chrome怎么用谷歌
  • three.js 教程
  • ci框架教程
  • unity loom插件
  • 2023版最新最全React面试题
  • python中numpy数组和列表的区别
  • python3 静态方法
  • 财务费用的利息费用怎么算
  • 外地预缴城建税税率
  • 哪些税费可以抵扣
  • wordpress如何删除导入的主题
  • mysql唯一键和唯一索引
  • 代扣代缴完税凭证抵扣期限
  • 清算汇缴报表填写范本
  • 营业税减免会计分录
  • 超过两年记入错误的主营业务成本怎么调账?
  • 已出库的成品退货怎么办
  • 增值税的专用发票金额含税吗
  • 转账错误退款说明
  • 税率由16%变更为13怎么算
  • 应发工资应税工资
  • 汇算清缴后多交的企业所得税能退吗
  • 固定资产标准提高是政策变更吗
  • 在第一周
  • mysql字符串类型有哪些
  • win1020h2无法重启
  • win7thin
  • ssh encountered 1 errors during the transfer错误3种解决方法
  • jq复制元素
  • js定时器的两种方法
  • 用jQuery.ajaxSetup实现对请求和响应数据的过滤
  • js 获取图片大小
  • jquery $each
  • jquery正则表达式的用法
  • pythone爬虫
  • unity3d移动代码
  • python函数的方法
  • 浙江省社保网报系统
  • 国税和地税的税种有哪些
  • 纳税服务理念2023
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设