`

Webpack VS requireJS

 
阅读更多

Webpack  VS  requireJS

两者都是前端自动化构建工具,模块化工具和资源管理工具,都支持AMD和CMD的加载方式,配置起来也非常简单,requireJS应有的功能,Webpack  全都有,而且Webpack 弥补了requireJS的所有缺陷。

(1)webpack在管理模块的时候不需要再封装一层像requireJS如下的东西

define(['jquery'], function(jquery){})

 (2)它实现了前端代码模块化,提高了代码的复用性,从而提供公共模块的缓存功能。webpack通过打包,不同页面单独加载自己的模块的javascript 和 common javascript,而requireJS将所有的javascript文件打包成一个文件,使得一个站点中多个页面之间公用的JS模块无法缓存。Webpack 引入了切分点(split point)与代码块(Chunk),切分点定义了所有依赖的模块,合起来就是一个代码块,从而实现一个页面引用一个代码块。



 

  • 大小: 44.7 KB
分享到:
评论

相关推荐

    pc_webpack:requirejs到webpack的翻译

    在原本的项目中,是用RequireJS作为Js框架的。 本项目基于 webpack v1.12.15 和 webpack-dev-server v1,全局和项目局部依赖都一样。 使用说明 全局安装webpack和webpack-dev-server和webpack-bundle-analyzer $ npm...

    requirejs 修改为webpack 模块中依赖其他模块时的配置项

    requirejs 修改为webpack 模块中依赖其他模块时的配置项

    shared-requirejs-webpack:在RequireJS,Webpack中为共享的通用库构建实验

    共享的RequireJS / Webpack通用库 跨Webpack / RequireJS共享公共库的早期实验。 建造 $ npm run build 开发服务器 $ npm run server 导航至: : : 然后查看以下页面: :直接使用RequireJS构建 :缩小的...

    基于打包工具Webpack进行项目开发实例

    在前端开发中,有多种打包工具,如 RequireJS、browserify 和 webpack。RequireJS 是一个遵循 AMD 规范的模块加载器,主要用于解决 JavaScript 文件的异步加载问题。browserify 主要是为了让浏览器环境可以使用 Node...

    快速理解RequireJs

    在实际开发中,RequireJS常与构建工具如Grunt、Gulp或现代的Webpack、Rollup结合使用,进行代码编译、压缩、合并等操作,提升开发效率和项目维护性。 ## 示例项目 在`requirejs-sample`这个压缩包中,可能包含了一...

    RequireJS入门(三)

    在实际项目中,RequireJS 可以和其它工具如 Grunt、Gulp 或 Webpack 结合,进行自动化构建和优化,例如压缩合并模块、处理 CSS 和图片资源等。同时,RequireJS 也支持插件机制,如 r.js 用于构建优化,text 插件用于...

    Learning webpack step by step

    - **AMD**:RequireJS推广的一种模块化格式,支持异步加载。 - **ES6 Modules**:ECMAScript 6引入的新模块化标准,提供更简洁的模块定义方式。 2. **构建工具比较**: - **NPM Scripts**:轻量级任务管理,易于...

    requirejs加载vue

    在JavaScript的世界里,模块管理是不可或缺的一部分,RequireJS作为一个著名的异步模块...不过,随着Webpack等现代构建工具的普及,现在的趋势是使用这些工具替代RequireJS,以更好地支持包括Vue在内的现代前端框架。

    RequireJS一个JavaScript文件和模块加载器

    然而,RequireJS 也有其局限性,比如对于某些大型单页应用,它可能不如其他现代的模块加载解决方案如Webpack或Rollup。这些工具提供了更强大的静态分析和优化能力,可以处理更多的构建任务,如代码分割、Tree ...

    webpack为浏览器打包CommonJsAMD模块

    2. **AMD(Asynchronous Module Definition)**:用于浏览器环境,主要由RequireJS实现,通过`define()`定义模块,`require()`异步加载模块。Webpack通过`amd-loader`支持AMD模块,但通常情况下,推荐使用ES6模块,...

    Web前端模块化开发教程(ES6+Node.js+Webpack)_源代码.zip

    ES6的模块系统支持静态加载和静态解析,这与CommonJS(Node.js中使用)和AMD(RequireJS中使用)的动态加载有所不同。 3. **Node.js**:Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它让JavaScript可以在...

    requirejs-node-2.1.11-1.zip

    尽管RequireJS主要用于浏览器环境,但通过Browserify或webpack等工具,可以将其应用于Node.js服务器端开发。 在Node.js项目中使用RequireJS,首先需要安装browserify,然后将RequireJS的库转换为Node.js可理解的...

    RequireJS进阶(三)

    RequireJS 可以与各种构建工具(如 Grunt、Gulp、Webpack 等)集成,实现自动化构建流程,包括模块的编译、测试和部署。 通过以上讲解,我们对 RequireJS 有了更深入的理解,它不仅是 JavaScript 模块化开发的重要...

    Angularjs+Require单页面应用程序

    **AngularJS + RequireJS 单页面应用程序** 在Web开发领域,单页面应用程序(Single-Page Applications,SPA)已经成为构建交互式、响应式用户界面的首选技术。AngularJS 和 RequireJS 是两个非常重要的JavaScript...

    轻松入门React和Webpack中文WORD版

    Webpack是一个打包工具,而不是像RequireJS或SeaJS这样的模块加载器,通过使用Webpack,能够像Node.js一样处理依赖关系,然后解析出模块之间的依赖,将代码打包;感兴趣的朋友可以过来看看资源截图: 资源太大,传...

    react-require:与RequireJS进行React:没有构建步骤,没有Webpack,甚至没有Node.js

    一个插件,使用允许您编写没有构建步骤,没有Webpack甚至没有安装Node.js的应用程序。 就像您在过去的一样,只有您和一个文本编辑器:立即在浏览器中编写并运行。 它支持JS类,装饰器,甚至和 。 它基于和 。 ...

    webpack教程.zip

    webpack教程.zip webpack是现在最流行的前端自动化打包工具 模块中还是用的AMD规范,但我并没有引入 requirejs 源码,因为首先 webpack 原生支持了 CommonJs 、AMD 等模块风格,编译时会自动识别进行处理

    前端模块化webpack1

    **AMD** 主要用于浏览器环境,如RequireJS就采用了AMD规范。它允许异步加载模块,通过`define`定义模块,`require`引入模块。AMD清晰地展示了模块间的依赖关系,但比CommonJS更复杂。 **CMD** 类似于AMD,但更加...

    APICloud+Vuejs+Requirejs搭配开发

    在现代Web应用开发中,APICloud、Vue.js和RequireJS是三种常见的技术栈,它们分别扮演着不同的角色。APICloud提供了丰富的原生API,让开发者能够构建跨平台的移动应用;Vue.js是一个轻量级的前端MVVM框架,提高了...

Global site tag (gtag.js) - Google Analytics