gulp、requirejs、webpack之间是什么关系

最新推荐文章于 2024-08-04 03:29:52 发布
最新推荐文章于 2024-08-04 03:29:52 发布
阅读量3.6k 收藏 6
点赞数 3
分类专栏： 前端工程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crystal6918/article/details/76574197
版权

gulp、requirejs、webpack之间是什么关系

这里写图片描述

  • AMD与CMD分别为模块化规范

  • requirejs和seaJs分别为实现规范的一种方案。

    • 在线编译模块方案：在工程中引入了requirejs，就相当于加载了一个AMD解释器，使得在代码中可以使用 define、exports、module 这些方法，实现模块化

  • browserify / webpack

    • 预编译模块方案：在编译过程中将 AMD / CMD / ES6 风格的模块化代码编译为js文件，同时其他类型的静态资源也可以被编译成js而模块化地引入。

  • gulp：一种优化前端工作流程的工具，可以将一些人工完成的工作如合并、压缩等自动化完成。

gigi就是我
关注
专栏目录
前端构建工具Grunt&Gulp&webpack笔记
LiuKairui的博客
01-17 722
包含了前端主要构建工具,主讲:尚硅谷{'张晓飞','熊键'},视频来自B站:{'BV18s411E7gQ', 'BV18s411E7T5', 'BV1e7411j7T5'}
面试题之gulp与webpack区别
killbee365的博客
05-12 2376
面试题中离不开webpack，面试官很喜欢问你关于webpack知识点。 例如你有没有用webpack做过脚手架啊 gulp跟webpack关系等 现在就gulp跟webpack关系扯一扯 相同点：都是前端自动化的构建工具 不同点： gulp强调工作流程（对于模块化并没有进行强调） webpack前端模块化开发的解决方案 强调模块化、压缩合并、预处理等都是它的附带功能 webpack是一个前端模块化方案，更侧重模块打包，我们可以把开发中所有的资源（图片、js文件、css资源）通过loader(加
requirejs 修改为webpack 模块中依赖其他模块时的配置项
11-05
requirejs 修改为webpack 模块中依赖其他模块时的配置项
前端 | 使用 require.js 和 webpack 简单对比
weixin_34391854的博客
07-06 242
引子 项目前端脚本依赖使用了 require.js 做打包依赖，现在技术更新迭代之快，让人应接不暇，从 James Burke 在 2009 年 9 月 28 号 第一次提交开始，require.js 现在已经走过了将近 6 年的时间，当然，现在 require.js 还在不断的向前奔跑。 有朋友说 require.js 已经过时了，我保...
Require.js 详解
最新发布
繁依Fanyi的博客
08-04 704
使用definereturn app;});Require.js 是一个强大的模块加载器和依赖管理工具，通过 AMD 规范定义模块和依赖，提升了代码的组织性和可维护性。通过其异步加载机制和优化工具，开发者可以有效地管理和优化前端资源，提高应用的性能和加载速度。在现代前端开发中，尽管有了如 ES6 模块等新特性，Require.js 依然是一个重要的工具，特别是在需要支持老旧浏览器或特定项目需求时。
Webpack VS requireJS
gaojie1190的专栏
11-08 1038
Webpack  VS  requireJS 两者都是前端自动化构建工具，模块化工具和资源管理工具，都支持AMD和CMD的加载方式，配置起来也非常简单，requireJS应有的功能，Webpack  全都有，而且Webpack 弥补了requireJS的所有缺陷。 （1）webpack在管理模块的时候不需要再封装一层像requireJS如下的东西 define(['jquery'], fu...
gulp webpack Requirejs
weixin_30673715的博客
02-21 72
gulp http://www.cnblogs.com/flower46273736/p/6322506.html 自动添加css前缀（ gulp-autoprefixer ） 压缩css（ gulp-minify-css ） js代码校验（ gulp-jshint ） 合并js文件（ gulp-concat ） 压缩js代码（ gulp-uglify ） 压缩图片（ gulp-imagemin ...
requirejs项目完整迁移webpack
小新的博客
01-16 326
requirejs项目迁移webpack指南
gulptemp：用于requirejs和es6的gulp项目模板
02-03
适合初学者的gulp + requirejs的项目模板 虽然， webpack已经大行其道作为初学者，咽依然是最快的入门学习前端工作流的工具本项目本着为中小型团队打造一个基于：。吞气+青菜+ requirejs + ES6 + eslint + art...
gulp打包requirejs项目
peade的博客
11-20 1863
gulp打包requirejs项目源起项目目录欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与...
Webpack 1 折腾记 - （1）webpack是什么鬼！
CRPER
10-10 3506
webpack为何物！简单点说：webpack只是一个打包工具，顺应时代产生的（如今还有一个也很火，叫做rollup），但是webpack具有一些传统打包工具所没有的亮点。
使用gulp解决requireJs项目前端缓存问题
08-12
使用gulp解决requireJs项目前端缓存问题
使用gulp和requirejs快速构建一个前端项目
08-10
使用gulp和requirejs快速构建一个前端项目
Grunt、Gulp区别 webpack、 requirejs区别
dibengshao7358的博客
08-28 418
1. 书写方式 grunt运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，导致认知成本的提高，运用的时候要搞懂各种插件的配置规则。gulp是用代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了gulp.src, gulp.pipe, gulp.dest, gulp.watchgul...
webpack对比requirejs
MorningDuGe
07-11 2036
webpack的优势 支持resolve设置搜索路径，比如设置找不到文件时应该向上面哪个路径找 可使用import/export语法 require可拼接，var r=require;r('./file') 支持require中的表达式，require('file'+template)
使用gulp解决RequireJS项目前端缓存问题（二）
weixin_30662011的博客
10-13 104
1、前言 这一节，我们主要解决在上一节《使用gulp解决RequireJSs项目前端缓存问题（一）》末尾提到的几个问题： 对通过require-config.js引入的js文件修改后，没有更新到 每次gulp运行完后都会生成新的文件，开发环境是做了清除dist目录处理，但对于一般公司服务器而言，发布到生产环境上，不可能每次发布都对dist做清空处理，文件只会越积越多 ...
gulp打包及对应requirejs文件打包
weixin_42727360的博客
10-29 773
//引入gulp和gulp插件 var gulp = require(‘gulp’), // cssmin = require(‘gulp-clean-css’), //压缩css runSequence = require(‘run-sequence’), rev = require(‘gulp-rev’), //添加版本号 revCollector = require(‘g...
webpack4 兼容老项目中的 require.js
热门推荐
unstorm的博客
08-05 28万+
项目使用 require.js 进行模块化编程，并使用 gulp-requirejs-optimize 打包js文件，打包性能并不是很好。 require.js 使用 AMD 语法，webpack同样支持AMD语法，迁移成本较低，因此将 gulp 迁移至 webpack 4.38.0。 开始 先看一下requirejs.config requirejs.config({ baseUrl:...
有了webpack的情况下，还需要学习requirejs吗？
qq_33039355的博客
01-26 286
首先要说明，RequireJS不是框架，是模块加载器；而AMD是RequieJS的异步模块定义规范。AMD尽管在ES6出现之后，已经成日落西山之势了。但是如果说死，还为时尚早。 先说AMD规范，其实践最广泛的前端框架莫过于angularJS1.x版本，尽管angular2由于诸多原因普及率远低于ReactJS和Vue,但是要知道在上一代的前端框架中angularJS1.x是绝对的mvc时代的独孤求败，在很多现存应用中依然被广泛使用。 AMD异步模块加载思想中有一个非常重要的思想就是注入依赖思想，让多个js文
gulp和webpack的区别
06-07
Gulp 和 Webpack 都是前端自动化构建工具，但它们的设计思路和使用方式有所不同。 Gulp 是一个基于流的自动化构建工具，它通过将任务（task）拆分成一个一个的小插件（plugin），再将这些插件组合起来构建出一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值