首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm： npm ...
分类：
Web程序 时间：
2020-08-08 17:44:25
阅读次数：
80
代码分割的意义 使用场景：抽取相同代码到一个共享块，脚本懒加载，使得初始加载代码更小 动态import ...
分类：
Web程序 时间：
2020-08-03 00:54:28
阅读次数：
216
背景 Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 开发者视角 假设某一天，我们接到了需求，需要开发一个 ...
分类：
Web程序 时间：
2020-08-02 16:11:17
阅读次数：
101
首先，Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件，当然也具有一些编译功能， 比如Less和Sass的编译、ES6到ES5的编译等等。但是Webpack不仅具有它们所具备的这些编译压缩合并功能， 同时还具备模块化开发和组件式开发等优点，在目前流行的前端框架React和Vue中 ...
分类：
Web程序 时间：
2020-07-30 14:52:55
阅读次数：
117
一、环境介绍 @vue/cli 4.3.1 webpack 4.43.0 ueditor1.4.3.3 jsp版 二、springboot集成ueditor，实现分布式图片上传 参考我的另一篇博客，《微服务迁移记（五）：WEB层搭建(5)-集成ueditor编辑器，伪分布式图片上传》 配置完成后，有 ...
分类：
Web程序 时间：
2020-07-29 15:35:35
阅读次数：
188
一 减少请求数量 a. 早期使用 gulp 合并 或者内嵌js，css， 现在用webpack。 b. 使用浏览器缓存，http1.0 （expired, last-modified, if-modifed-since）, http1.1 cache-control ETag, if-none-ma ...
分类：
其他好文 时间：
2020-07-28 22:42:17
阅读次数：
99
安装 node 环境 配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间， 所 ...
分类：
其他好文 时间：
2020-07-28 22:22:50
阅读次数：
58
概述 webpack中的插件主要是用来完成loader和配置无法完成的事情 常见的几种Plugins HtmlWebpackPlugin 参考文档 html-webpack-plugin插件默认会创建一个HTML模板，并自动引入打包生成的几个主要的chunk包 也可以通过template属性配置自己 ...
分类：
Web程序 时间：
2020-07-28 22:05:47
阅读次数：
103
1.config/index.js文件 开发环境： 生产环境： 2.webpack.prod.conf.js文件 注释掉的UglifyJsPlugin（或者terser-webpack-plugin）用于js打包、压缩、混淆 3.打包结果多一个map文件 ...
分类：
Web程序 时间：
2020-07-28 17:07:41
阅读次数：
93
npm install less less-loader --save-dev 或者 安装指定版本的 //卸载命令 npm uninstall less-loader //重新下载 npm install less-loader@4.1.0 2.配置less路径：build -> webpack.b ...
分类：
其他好文 时间：
2020-07-28 17:07:18
阅读次数：
122
