位置: 编程技术 - 正文

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

  • 个体户文化事业建设费征收范围
  • 填写了领款单还要填报销单吗
  • 发票盖了财务专用章旁边再盖发票章
  • 联营企业子公司抵消比例
  • 发票可不可以部分冲红
  • 微型企业政府补贴政策
  • 购进用于研发的国产设备进项税可以抵扣吗
  • 牛奶公司饲养奶牛生产牛奶
  • 无营业执照是否可以先办场所码
  • 关税滞纳金会计怎么做账
  • 长期股权投资会减值损失吗
  • 授予股票期权分录
  • 税率和征收率的含义和区别
  • 当月抵扣的发票可以下个月记账吗
  • 营业外收入需要计提销项税吗
  • 所得税相关分录
  • 工资报税怎么报的原则
  • 业务招待费税前扣除规定
  • 企业重组有什么好处
  • 废品损失科目月末
  • 公司收境外汇款
  • 一般纳税人增值税申报操作流程
  • 承兑汇票章不清晰 情况说明
  • 闲置资金的利息收益要冲减财务费用
  • 预提费用多少
  • 申报税是什么时候申报
  • 企业报税的详细流程期限为
  • 计提缴纳增值税怎么做账
  • 纳税单位与免税单位共用的房屋由纳税单位全额纳税
  • 收到进项税额发票怎么处理
  • 股东房产无偿给公司使用协议
  • php 抓取别的网站的内容
  • phpjson
  • laravel with查询指定字段
  • PHP:getimagesize()的用法_GD库图像处理函数
  • 增值税逾期未申报怎么补申报
  • 期间费用计入产品成本的费用吗
  • thinkphpcount查询
  • php jsondecode
  • 公司设备搬家费会计分录
  • 安卓京东抢购
  • useradd 删除用户
  • php连接mysql8.0
  • 专项应付款怎么转固定资产
  • 纸质承兑财务章怎么盖
  • ca证书收费金额是多少?
  • sql server 2005安装在2016
  • 固定业户应当向其机构
  • 哪些科目会影响损益
  • 金税四期怎么监管消费和发票
  • 财务人员办理会计事项必须复制或取得原始凭证
  • 土地租金计入什么会计科目
  • 员工外面有自己的公司
  • 收取的承包费交什么税
  • 帮客户支付的机票计入什么科目
  • 出口收汇手续费需要在出口退税时扣除吗
  • 信用卡产生滞纳金
  • 按工人工资比例结转制造费用会计科目
  • 费用报销单干嘛用
  • 公司固定资产明细表
  • 税局代开专用发票时交的钱如何记账?
  • 取暖费用摊销吗
  • 进项税有什么相关要求
  • 往来是啥意思
  • 工会为员工购买水杯
  • Mysql中explain作用详解
  • 完美解决索尼电视arc无声音
  • sql整型
  • win7系统中如何禁用和启用网络
  • win10系统电脑开机黑屏
  • windows 10各版本
  • surface游戏模式
  • js document.cookie
  • nodejs实现登录
  • angularjs2
  • python函数判断
  • android图片压缩到200-300kb
  • 贵州税务举报
  • 即征即退的留抵税额是否可以抵一般计税的税额
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设