位置: 编程技术 - 正文

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如何输出变量)

  • 外出经营活动税收管理证明在哪里办理
  • 投资收益所得税前扣除
  • 个人独资公司对外如何承担责任
  • 企业注销库存怎么做账
  • 当期可抵扣进项税额加计5%抵减应纳税额
  • 增值税普通发票有什么用
  • 6月份的申报期是几号
  • 专利在审可以入库吗
  • 投资者回售选择权是什么意思
  • 企业所得税逾期了一定要去税局前台申报吗
  • 租赁合同印花税计算
  • 对外销售的材料的成本应计入什么账户
  • 原材料做成库存会计分录
  • 总账中余额为负怎么写
  • 生产型企业出口非自产产品能享有退税吗
  • 税务局领普通发票需要多少钱
  • 移动电子发票怎么发送到邮箱
  • 建筑企业成本票是含税价还是不含税价
  • 当前中国有什么企业在国外
  • 乙公司为支付甲公司货款向其签发
  • 公司邀请外国人来华邀请函模板
  • 申报更正退税增值税申报表如何反应
  • 预收账款可以计入
  • wps的广告怎么关掉
  • macbook截图快捷键没反应
  • 退付手续费怎么操作
  • 收取水电费如何开票
  • 服务器数据迁移到新的服务器
  • 应交增值税视频讲解
  • 进项税少入账如何处理
  • 百度地图经纬度导航
  • 免抵退税额好难懂
  • php批量上传
  • 出租经营的开发产品应视为企业的
  • 实收资本账户对应的账户包括
  • 固定资产加速一次性扣除
  • 补计提去年所得税费用会计分录
  • 开发票的零税率和免税有什么区别
  • 微信小程序开发公司
  • 出口货物不退税进项可以开具普通发票吗
  • 商品流通企业物流成本的具体构成包括()
  • 余热发电前景
  • mysql 子表
  • python insert方法
  • 小规模纳税人免税额度是多少
  • 带薪年假一般是什么时候
  • 公司与公司之间人与人之间最大的区别
  • 子公司注销如何注销
  • 这个营业外支出怎么算
  • 预付账款的账务处理视频教程
  • 结算本月职工工资,其中生产甲产品
  • 印花税多久申报一次2023
  • 接受政府补助的应纳税所得
  • 个体户开广告发票需要交税吗
  • 车辆租赁费发票怎么开
  • 会计收入的定义和分类
  • 营业收入和主营业务收入分别在哪看
  • 微软宣布Q3推出MRTKV3工具包
  • Windows Server 2003服务器群集创建和配置指南
  • windows 进程管理
  • windows8触摸屏手势设置
  • slpv24s.exe - slpv24s是什么进程
  • apache禁用trace方法
  • 24个方法
  • mini program是什么
  • linux cvf
  • win7网络信号差
  • win8搜索不到自己家的WiFi
  • 远程调试linux
  • javascript怎么用
  • node.js连接不上数据库
  • Linux CentOS系统下安装node.js与express的方法
  • node 微信公众号开发
  • document.getElementById().src
  • jQuery+ajax读取并解析XML文件的方法
  • python enumeration
  • 生产者消费者的作用
  • 国家税务局湖北省税务总局
  • 生产企业出口退税退的是哪部分的税
  • 结售汇选择汇还是钞好
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设