美文网首页
ES6 Module

ES6 Module

作者: F_er | 来源:发表于2020-05-28 11:28 被阅读0次

模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。

//profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export function sayName () {
    return firstName + lastName;
}
export default function () {
    console.log('foo');
}
// main.js
import { firstName, lastName , sayName} from './profile.js';

注意:在index.html中引入的时候需要给script加type="module",即

<script type="module" src="./profiles.js"></script>
<script type="module" src="./main.js"></script>

本文来自公众号“前端者也”

相关文章

  • 前端模块化:ES6,CommonJS

    前端模块化 共有四种规范 ES6 Module CommonJS AMD CMD ES6 Module ES6模块...

  • 模块(一) CommonJs,AMD, CMD, UMD

    系列文章导航 模块(二) es6 module typescript module 本文参考Javascript模...

  • js之模块化(3)

    随着ES6 Module的出现,我们在项目中也大概率的采用了ES6 Module的写法,主要是采用import 和...

  • ES6语法

    ES6 Module 在 ES6 Module出现之前,有3种模块化方案 AMD 浏览器端 CMD 服务器端 Co...

  • 2020-04-22

    分类: es6: import / exportcommonjs: require / module.export...

  • CommonJs模块规范中module.exports和expo

    之前简单总结过ES6中的export/import模块规范(ES6中的export/import module 基...

  • 学习webpack【第三章-核心概念2】

    一、Hot Module Replacement 热模块替换 二、使用babel处理ES6 ———————————...

  • 2020-04-16

    #ES6中的两个导出 1、export页面引用时候imprt {module1,module2} from 'xx...

  • webpack-02

    解析ES6和ReactJSX 解析ES6使用的是babel-loader,我们首先需要做在module的rules...

  • BigNumber 讲解

    安装 Browser: Node.js: ES6 module (bignumber.mjs): AMD load...

网友评论

      本文标题:ES6 Module

      本文链接:https://www.haomeiwen.com/subject/admoahtx.html