随笔分类 -  webpack模块化

摘要:npm -i 与npm install -s与-d的区别npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象 npm i module_name -D => npm install module_nam 阅读全文
posted @ 2019-03-28 15:14 Mahmud(مەھمۇد) 阅读(345) 评论(0) 推荐(0) 编辑
摘要:在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手,每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限(不同浏览器允许并发数),一旦 HTTP 请求数量达到一定数量,资源请求就存在等待状态,这是很致命的,因此减少 HTTP 的请求数量可以很大程 阅读全文
posted @ 2019-03-23 15:45 Mahmud(مەھمۇد) 阅读(337) 评论(0) 推荐(0) 编辑
摘要:webpack打包应用和实现 1)安装webpack $ npm install webpack webpack-cli --save-dev 2)添加配置文件 webpack.config.js 3) 为package.json添加脚本 项目信息 依赖信息 产品依赖 --save 开发依赖 --s 阅读全文
posted @ 2019-03-07 20:33 Mahmud(مەھمۇد) 阅读(157) 评论(0) 推荐(0) 编辑
摘要:webpack的热更新是如何做到的?说明其原理? webpack的热更新又称热替换(Hot Module Replacement),缩写为HMR。 这个机制可以做到不用刷新浏览器而将新变更的模块替换掉旧的模块。 原理: 首先要知道server端和client端都做了处理工作 阅读全文
posted @ 2019-02-23 19:23 Mahmud(مەھمۇد) 阅读(1356) 评论(1) 推荐(0) 编辑
摘要:npm常用命令总结 1 npm升级 $ sudo npm install npm -g 淘宝镜像 $ sudo npm install cnpm -g 2 模块 **安装模块** 安装nodejs的express框架$ npm install express 若出现错误 npm err! Error 阅读全文
posted @ 2018-12-26 14:10 Mahmud(مەھمۇد) 阅读(205) 评论(0) 推荐(0) 编辑
摘要:react生命周期,react重点,react知识点 阅读全文
posted @ 2018-12-17 22:57 Mahmud(مەھمۇد) 阅读(294) 评论(1) 推荐(0) 编辑
摘要:加载器(Loaders) loader 是对应用程序中资源文件进行转换。它们是(运行在 Node.js 中的)函数,可以将资源文件作为参数的来源,然后返回新的资源文件。 示例 例如,你可以使用 loader 告诉 webpack 加载 CSS 文件,或者将 TypeScript 转为 JavaScr 阅读全文
posted @ 2018-12-08 15:09 Mahmud(مەھمۇد) 阅读(406) 评论(0) 推荐(0) 编辑
摘要:webpack 是一个现代的 JavaScript 应用程序的模块打包器(module bundler)。 入口(Entry) webpack 将创建所有应用程序的依赖关系图表(dependency graph)。图表的起点被称之为入口起点(entry point)。入口起点告诉 webpack 从 阅读全文
posted @ 2018-12-08 14:57 Mahmud(مەھمۇد) 阅读(293) 评论(0) 推荐(0) 编辑
摘要:webpack混合开发基础 阅读全文
posted @ 2018-12-08 14:28 Mahmud(مەھمۇد) 阅读(200) 评论(0) 推荐(0) 编辑
摘要:什么是webpack? 他有什么优点? 首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它? Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。优点如下: 支持commonJS和AMD 阅读全文
posted @ 2018-12-07 22:57 Mahmud(مەھمۇد) 阅读(195) 评论(0) 推荐(0) 编辑
摘要:什么是webpack? 作用有哪些? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用 作用: 1、模块化,让我们可以把复杂的程序细 阅读全文
posted @ 2018-12-07 22:44 Mahmud(مەھمۇد) 阅读(192) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示