第十期：html中也可以模块引入了

问题：
模块引入，以下写法是否有错误？？为什么没有弹框~~
index.html

DOCTYPE html>

复制代码

[/code][code]

复制代码

[/code][code]

复制代码

Document

复制代码

[/code][code]

复制代码

[/code][code]

复制代码

-- -->

复制代码

[/code][code]

复制代码

[/code][i]hello.js[/i]
[list][*][*][/list][code]import * as hello from './sayHello';

复制代码

hello.sayHello('Jack')

复制代码

sayHello.js

export function sayHello(name) {

复制代码

alert(`Hello :${name}`);

复制代码

}

复制代码

答案：

import * as hello from './sayHello.js';

复制代码

提示：

其实浏览器原生模块相关的支持也已经出了一两年了可以抛开

webpack

复制代码

直接使用

import

复制代码

之类的语法但因为算是一个比较新的东西，所以现在基本只能自己闹着玩，但这并不能成为不去了解它的借口，还是要体验一下的。
[h1]使用方式[/h1]首先在使用上，唯一的区别就是需要在

script

复制代码

标签上添加一个

type="module"

复制代码

的属性来表示这个文件是作为

module

复制代码

的方式来运行的。

[/code][code] import message from './message.js'

复制代码

[/code][code] console.log(message) // hello world

复制代码

[/code]然后在对应的[code]module

复制代码

文件中就是经常会在

webpack

复制代码

中用到的那样。
语法上并没有什么区别（本来webpack
复制代码
也就是为了让你提前用上新的语法:) ）
message.js

export default 'hello world'

复制代码

觉得本文对你有帮助？请分享给更多人
关注「小石头和小豆子」加星标，提升编程技能

————————————————————————

第十期：html中也可以模块引入了

浏览过的版块