js：在浏览器中使用es module

最新推荐文章于 2024-06-02 11:09:45 发布

Lvan的前端笔记

最新推荐文章于 2024-06-02 11:09:45 发布

阅读量671

点赞数

分类专栏： # js

本文链接：https://blog.csdn.net/weixin_43972437/article/details/117297221

版权

js 专栏收录该内容

70 篇文章 2 订阅

订阅专栏

想当年，我们想在 js 中直接引入模块是不行的，但是有了 es module 之后，这些变为了可能

举例

index.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>测试</title>
    <script type="module">
      import A from './index.js'
      // 100
      console.log(A)
    </script>
  </head>
  <body>

  </body>
</html>

index.js

const a = '100'
export default a

以前我们想打印出这个 A 出来是会报错的，不能使用 import，自从 es module 出来之后，只需要在 script 标签上加上 type="module" 就可以实现。

注意：必须开启一个服务，不能用文件系统直接打开，可以用 http-server 快速开启

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lvan的前端笔记

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js：在浏览器中使用es module

想当年，我们想在 js 中直接引入模块是不行的，但是有了 es module 之后，这些变为了可能举例index.html<!DOCTYPE html><html lang="en-US"> <head> <meta charset="utf-8"> <title>测试</title> <script type="module"> import A from './index.
复制链接

扫一扫