![](https://img-blog.csdnimg.cn/20190907123213536.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Webpack
文章平均质量分 92
前端小小白zyw
一只路过的小码农。。。
展开
-
Vite 是否可以代替 Webpack ?
Vite 是否可以代替 Webpack ?原创 2022-06-29 17:31:43 · 2257 阅读 · 0 评论 -
Webpack 5 新特性
2. 合并模块 3. 副作用 ::标记所有模块无副作用4. 嵌套的 5. 内部模块 二、长期缓存1. 相关::所有的 文件使用相同的 ,项目中任一文件变化都会影响所有的 文件的 值:针对与输出文件,任意文件改变只会影响其依赖的 ,不会影响其它:基于单个文件内容产生的 ( 之前只针对于文本结构)2. 长期缓存:三、增量构建默认缓存到 中,当.........原创 2022-06-28 17:36:02 · 1666 阅读 · 0 评论 -
Webpack 4.X + React + Node + Mongodb 从零搭建聊天室(二)
上篇文章我们把框基本搭建起来,本篇文章,我们具体实现功能逻辑预计开发功能: 用户注册、登录 用户进入/离开聊天室,通知当前聊天室内所有用户 用户可实时与所有人聊天 用户离线保留聊天列表、聊天记录 单个用户新增群聊,所有用户可以看到 点击用户头像,新增私聊 用户可实时单人私聊 聊天室记录用户未读消息资源链接:https://github.com/zhangyongwnag/chat_room文章目录一、建立socket连接1、下载2、客户端创建连接3、测试交互二、客户端添加状态管原创 2020-07-23 18:39:54 · 502 阅读 · 0 评论 -
Webpack 4.X + React + Node + Mongodb 从零搭建聊天室(一)
前端时间把create-react-app脚手架搭建的react项目中的webpack版本从1.X更新到4.X,踩了不少坑,于是今天准备利用webpack 4.X从零搭建react聊天室( 去TM的脚手架,一辈子不更新,wdnmd )预计开发功能: 用户注册、登录 用户离线保留聊天列表、聊天记录 用户进入/离开聊天室,通知当前聊天室内所有用户 用户可实时与所有人聊天 单个用户新增群聊,所有用户可以看到 点击用户头像,新增私聊 用户可实时单人私聊 聊天室记录用户未读消息资源链接:ht原创 2020-07-18 18:15:34 · 610 阅读 · 0 评论 -
Webpack 4.X 自定义 loader 和 plugins
文章目录Loader1、介绍loaderPluginsLoader1、介绍loader因为webpack只识别js文件,遇到非js文件,需要利用loader处理我们开发常用的loader:诸如:babel-loader url-loader style-loader css-loader postcss-loader 等等今天,我们手写一个简单的loader,用来写入我们要编译的源代码index.js 源代码export default function () { console.log原创 2020-06-24 11:27:36 · 660 阅读 · 0 评论 -
Webpack 各版本 ( v1 - v4 ) 的区别
前不久,研究了Webpack 4.X的整体配置,本篇文章我们研究 webpack各版本的区别 包括 v1,v2,v3,v4文章目录Webpack:v1 与 v2 的区别Webpack:v1 与 v2 的区别新增对ES6语法的支持支持tree-shaking(减少打包后的体积)...原创 2020-06-03 18:41:35 · 6212 阅读 · 0 评论 -
Webpack 4.X 配置cdn加载资源
众所周知,SPA单页应用,首次访问需要加载近全部资源,从而导致首页渲染速度很慢。继而,出现很多性能优化方案:图片/资源懒加载、减少http请求、减小请求资源大小,减少dom操作避免触发回流重绘,gzip压缩,cdn加速等等今天,我们就具体介绍cdn加速:我们使用webpack 4.X打包配置cdn加速在配置前,我们讲一个属性 :externals按照官方文档的解释,如果我们想引用一个库,但是又不想让webpack打包,并且又不影响我们在程序中以CMD、AMD、ES6等方式进原创 2020-06-01 18:23:03 · 2933 阅读 · 0 评论 -
Webpack 4.X 从零配置SPA单页应用
在三大框架潮流的推动下,大大小小的SPA单页面应用层出不穷,工程化 / 模块化 / / 自动化 渐渐成为开发的核心思想,但是他们都有一个特点:源代码无法在浏览器里直接运行,必需通过编译才行因此也带来了很多构建工具的兴起;诸如具有代表性的 Gulp、Grunt、webpack 等等今天,我们具体介绍 webpack 4.X,webpack也从V1过渡到V4,不久之后发布V5版本( lz学不动了!!!)一、初始化安装npm init // 可选属性创建npm init -y // 自动创建npm原创 2020-05-29 16:44:09 · 1086 阅读 · 0 评论 -
vue项目webpack打包项目输出可修改配置项
前不久项目打包交付测试进行测试时,需要打包到不同的测试服务器分别指向其对应api地址,如果打包一次修改一次api地址,那岂不是很麻烦?今天我们就来解决这个问题:核心思路:打包输出一份配置,代码中获取配置方法一:1.在static(webpack不会编译)下创建serve.config.js/** * @description 打包后抽取的配置 BaseUrl 必须是host地址 + 端...原创 2020-03-13 16:21:18 · 4067 阅读 · 0 评论 -
webpack打包体积优化---插件 webpack-bundle-analyzer
利用webpack-bundle-analyzer打包文件分析工具来进一步优化项目:一丶安装:npm install --save-dev webpack-bundle-analyzer // 安装webpack-bundle-analyzernpm install cross-env –save -dev // 解决 ‘NODE_ENV’ 报错二丶配置:webpack的config...原创 2019-07-30 10:51:02 · 590 阅读 · 0 评论 -
Vue项目判断开发,测试,生产环境配置api
最近在做Vue项目,原创 2018-11-21 14:11:38 · 2472 阅读 · 0 评论