前端工程化和模块化

本文介绍了前端工程中的模块化规范,包括浏览器的AMD和CMD规范,服务器的CommonJS,以及统一的大一统规范——ES6模块化。重点讨论了ES6模块化的使用,如import和export关键字,并指出在实际工作中应尽量采用ES6模块化标准。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

模块化相关规范

一、浏览器的模块化规范

1、AMD
require.js

2、CMD
sea.js

二、服务器模块化规范

1、CommonJS
模块分为 单文件模块与包
模块成员导出 module.exports 与 exports
模块成员导入:require(‘模块标识符’)

三、大一统的模块化规范—ES6模块化

在这之前已经存在一、二模块化规范但是存在差异性和局限性,所以咱们以后尽量使用ES6模块化;
ES6模块化规范中定义
每个js文件都是一个独立的模块
导入模块成员使用import 关键字
暴露模块成员使用export 关键字

使用:
node跑代码使用
在这里插入图片描述
前端模块化导出导入的基本使用:
默认导出只能存在一个;
在这里插入图片描述
按需导出和默认导出可以同时使用;
as 可以起别名
在这里插入图片描述
直接导入可以执行m2.js中的代码;
在这里插入图片描述

工作之余 用博客记录自己 希望有能帮助到各位看官
如有错误或不全面的地方望各位能提点一二和留下宝贵意见

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值