当前位置: 首页 > news >正文

python作者 es6_Es6 写的文件import 起来解决方案详解

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

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

1.把ES6代码转译成ES5;

2.html文件引入转译后的ES5;

3.然后在浏览器环境中运行;

4.在node环境中运行;

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

src,es6开发目录

dist,es5生产目录

test,一个测试目录

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

file1

file2

app

test

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

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

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

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

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

解决方法

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

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

相关文章:

  • route命令详解_程序员必备的学习笔记《TCP/IP详解》IP选路、动态选路、UDP 协议...
  • 5分钟让你整明白美国金融危机爆发的原因
  • python中字典copy_python中字典、元祖、浅拷贝、深拷贝
  • javascript在IE和Firefox中的兼容考虑
  • python计算两字符串中的位置,从Python中的字符串中获取两个字符
  • 读者skyfalling:《.NET 2.0面向对象编程揭秘》读后有感
  • sql查询行数_千万级数据表选错索引导致的线上慢查询事故
  • BIEE创建时间维报NQSError
  • ppt倒计时_逼得知乎大神写程序解决的PPT倒计时,我花7秒钟搞定了
  • SAP一句话入门
  • 一寸照片压缩到20k_压缩机油更换注意事项-杭州华力制冷维修小知识
  • 《深入解析Oracle》一书前言
  • python远程调试_python基础===利用PyCharm进行Python远程调试(转)
  • JAVA实现整句汉字拆分、转换为ASCII
  • numpy有什么功能python_Numpy的介绍与基本使用方法
  • Angular Elements 及其运作原理
  • happypack两次报错的问题
  • js操作时间(持续更新)
  • JS字符串转数字方法总结
  • Python学习笔记 字符串拼接
  • Vue 重置组件到初始状态
  • 百度小程序遇到的问题
  • 从零开始的webpack生活-0x009:FilesLoader装载文件
  • 订阅Forge Viewer所有的事件
  • 力扣(LeetCode)56
  • 罗辑思维在全链路压测方面的实践和工作笔记
  • 深度学习中的信息论知识详解
  • 十年未变!安全,谁之责?(下)
  • 小程序上传图片到七牛云(支持多张上传,预览,删除)
  • 一些css基础学习笔记
  • 白色的风信子
  • #Java第九次作业--输入输出流和文件操作
  • #NOIP 2014# day.1 T2 联合权值
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • (7)STL算法之交换赋值
  • (附源码)SSM环卫人员管理平台 计算机毕设36412
  • (考研湖科大教书匠计算机网络)第一章概述-第五节1:计算机网络体系结构之分层思想和举例
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (十八)SpringBoot之发送QQ邮件
  • (四)Tiki-taka算法(TTA)求解无人机三维路径规划研究(MATLAB)
  • (四)模仿学习-完成后台管理页面查询
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (一)VirtualBox安装增强功能
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets?
  • .Net Core缓存组件(MemoryCache)源码解析
  • .netcore 获取appsettings
  • .NET连接数据库方式
  • .NET是什么
  • /*在DataTable中更新、删除数据*/
  • /var/lib/dpkg/lock 锁定问题
  • @ResponseBody
  • [ 隧道技术 ] cpolar 工具详解之将内网端口映射到公网
  • [1] 平面(Plane)图形的生成算法
  • [1525]字符统计2 (哈希)SDUT