模块化就是将代码分割成不同的模块,便于复用和管理、按需加载

像内置fs模块,、moment 模块, 这些模块不是我们写的, 都是直接拿过来使用, 那么我们能不能自己写一个模块?答案当然是可以的!

一、commonJs模块化

1.模块引入require()​​

(注意:

①引入时使用 ​​. 或 ..​​ 开头的相对路径或​​/​​ 绝对路径,引入时可以不写文件后缀名

②如果没有指明路径,那就是加载核心模块或第三方模块,指明加载路径一般就是加载自               定义模块;

③而且不管加载什么模块,都是优先从缓存中加载:Node 加载模块时,如果这个模块经                被加载过了,则会直接缓存起来,将来再次引用时不会再次加加载这个模块

)

2.模块导出用module.exports=......

例子:

(自定义的module:tools.js)

(想在main.js中使用tools.js中定义的方法,首先的用require引入)

二、require和import的区别

require 和 import 分别是不同模块化规范下引入模块的语句

前端模块化require和import相关推荐

  1. web前端技术分享:详解模块化require 和 import的区别

    在前端开发中,我们可以使用很多模块化的库来帮助我们更好的实现效果,有一些库的功能类似很多同学就不知道该如何选择,比如require和import,今天小千就给大家介绍一下两者的区别. 一.区别 1.r ...

  2. 前端模块化编程(import,export)

    目录 基本介绍 CommonJS模块化 module.exports导出 require导入 ES6模块化 按需导入导出 导出方式 导入方式 默认导出 默认导出方式 默认导入的方式 注意事项 基本介绍 ...

  3. 里面怎么使用import引用_谈谈模块化的 require 和 import

    一.区别 require是commonjs的规范,在node中实现的api,import是es的语法,由编译器处理.所以import可以做模块依赖的静态分析,配合webpack.rollup等可以做t ...

  4. oss 部署前端项目报错 Cannot find module ‘@/views/.....‘(require和import区别)

    使用框架:项目使用的是若以框架前后端分离. 我们把项目下载下来后,可以看到若依框架里的这样一段代码: export const loadView = (view) => {if (process ...

  5. 对require和import的认识

    参考博客:https://blog.csdn.net/qq_28702545/article/details/54892562 http://www.cnblogs.com/liaojie970/p/ ...

  6. 模块化加载_前端模块化简单总结

    来源 | http://www.fly63.com/article/detial/9827 前言 JavaScript初期就是为了实现简单的页面交互逻辑,如今CPU.浏览器性能得到了极大的提升,很多页 ...

  7. [ES6] 细化ES6之 -- 前端模块化

    前端模块化 前言 前端开发领域发展到目前阶段: 零件化 - 最终呈现给用户是一个完整的产品(由各个零件组成的) 降低生产成本 – 多人协作(每个人各司其职) 降低使用成本 - 各个零件之间是低耦合的 ...

  8. ❤️《大前端—模块化》

    <大前端-模块化> 1.简介 模块化产生的背景 随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂. ​ Javascript ...

  9. 最全面、最详细的“前端模块化”总结

    背景 随着前端功能越来越复杂,前端代码日益膨胀,为了减少维护成本,提高代码的可复用性,前端模块化势在必行. 所有js文件都在一个html中引入,造成以下不良影响: 请求过多.首先我们要依赖多个模块,那 ...

最新文章

  1. 微服务发现与注册之Eureka源码分析
  2. Linux下C语言使用、编译与调试
  3. 在.net中运用HTMLParser解析网页的原理和方法
  4. 2020年信息系统项目管理师真题讲解
  5. C++ lambda 捕获模式与右值引用
  6. 精打细算油盐_Java:ChronicleMap第1部分,精打细算
  7. linux在指定目录多个文件中搜索关键字
  8. ZZULIOJ 1109: 数根(函数专题)
  9. Latex常用特殊符号
  10. 大数据阶段划分及案例单词统计
  11. mysql 开源订阅模式_Canal(增量数据订阅与消费 )快速配置
  12. Nancy基于JwtBearer认证的使用与实现
  13. python json解析工具选择_推荐几个开发必备的JSON工具
  14. 代码的坏味道之十三 :Speculative Generality(夸夸其谈未来性)
  15. 苹果将迎来2018年第四次新品发布季节,时间定为10月30日
  16. Python的import
  17. Rocket之nameServer
  18. 剖析支付宝线下支付技术
  19. 《软件工程导论》第六版_张海藩
  20. java浏览器内核_深入理解浏览器内核 - 概述

热门文章

  1. 【技术案例】智能语音CAEDemo程序
  2. loadimage()函数的使用
  3. canvas loadImage图片加载
  4. SSL证书(HTTPS)的加密算法
  5. 推荐16个免费开源的商业智能工具
  6. 央视315曝光名单2014版看点解读
  7. 【56期分享】4款毕业答辩PPT模板免费下载
  8. 基于Autoware制作高精地图(六)
  9. 1218直播节,花椒与北京卫视会密谋什么新局?
  10. 使用ZRender类库画直线、圆弧、曲线以及点在线上的运动