什么是CDN？ CDN称为内容分发网络(Content Delivery Network) 他是指通过相互连接的网络系统，利用最靠近每个用户的服务器； 更快，更可靠的将音乐，图片，视频，应用程序以及其他文件发送给用户； 来提供高性能，可扩展性以及低成本的网络内容传递给用户 在开发中，使用CDN主要有 ...
转载
2021-07-24 10:40:00
524阅读
2评论
We can separate our custom application code from the common libraries we leverage, such as React and ReactDOM. In this lesson we'll configure webpack
转载
2019-03-18 20:35:00
94阅读
2评论
文章目录方式一：使用html-webpack-externals-plugin 方式二：直接配置externals如果需要引用一个库，但是又不想让webpack打包（减少打包的时间），并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用（一般都以import方式引用使用），那就可以通过配置externals。这样做的目的就是将不怎么需要更新的第三方库脱离webpack打包，不被打入bundle中，从而减少打包时间，但又不影响运用第三方库的方式，例如import
原创
2021-05-20 19:04:14
2050阅读
文章目录方式一：使用html-webpack-externals-plugin 方式二：直接配置externals如果需要引用一个库，但是又不想让webpack打包（减少打包的时间），并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用
原创
2022-01-30 15:13:55
822阅读
react+webpack+cdn如何配置PWA(Service workers)
考虑到云服务商提供的CDN服务价格较为昂贵，不适合低访问量的网站，因此发挥白嫖精神，寻找免费的CDN服务，我们使用的是 jsdelivr Repository Name:仓库名字，随便填，例如：cdn Description：仓库描述，选填 然后直接点Create Repository 就可以了 c ...
转载
2021-09-16 22:36:00
184阅读
2评论
CDN源站配置域名域名会被解析成ip->本质还是配的ip,只不过变成了动态ip因此可能会产生 nginx ->解析域名和解析ip不一致问题不懂留言
原创
2022-09-08 09:57:58
64阅读
一、背景前段时间笔者搭建一个博客系统放在服务器上，为了提高访问速度和减轻服务器访问压力，决定将页面中的静态资源使用 CDN 进行加速访问。二、选择方案常见的 CDN 方案有 BootCDN 和 jsDelivr，笔者选择后者。因为笔者编写的 jQuery 自定义插件，但无法上传到 BootCDN 上进行加速使用。而 jsDelivr 不同，它很强大，通过 GitHub 搭配 jsDelivr 可以
webpack配置1. 安装安装nodejs,运行命令npm intall wepack –g 或者npm install webpack –save-dev进行全局和本地安装。安装指定版本，运行命令npm install webpack@1.12.x --save-dev如果需要使用webpack开发工具，请自行安装npm install webpack-dev-server
原创
2021-08-02 14:55:59
271阅读
使用npm安装webpack npm install webpack@5.42.1 webpack-cli@4.7.2 -D 在项目目录下面创建webpack.config.js文件并写入内容 // 使用Node.js中的导出语法，向外导出一个webpack的配置对象 module.exports ...
转载
2021-10-08 16:25:00
122阅读
2评论
webpack配置1. 安装安装nodejs,运行命令npm intall wepack –g 或者npm install webpack –save-dev进行全局和本地安装。安装指定版本，运行命令npm install webpack@1.12.x --save-dev如果需要使用webpack开发工具，请自行安装npm install webpack-dev-server
原创
2022-02-11 17:45:45
164阅读
关于nginx的反向代理缓存配置，用的最多的就是CDN公司，目前CDN公司用纯nginx做缓存的已经很少了，基本都用tnginx(阿里的)、openresty；但是这两款软件都是基于nignx开发的，openresty封装了lua的框架，使其更灵活； 下面的配置示例以openresty为例，配置文件格式跟nginx是一样的，所以配置文件是通用的；一、编译安装openresty，因为我在配置文
转载
2024-04-14 20:56:55
208阅读
nginx能做静态和动态的网页。nginx 并结合 tomcat 反向代理，动静分离，负载均衡动静分离：动态的放到tomcat里解析静态的放到nginx里解析CDN:内容分发网络，静态的文件缓存在CDN上。传统CDN厂商：蓝汛，网宿，帝联，世纪互联云CDN厂商：阿里云，百度云，华为云，京东云，只要有云平台的公司。nginx的端口：80配置文件：nginx.confNginx可以部署在网络上使用Fa
转载
2024-05-11 15:05:24
152阅读
利用Nginx的proxy_cache搭建缓存服务器一：编译ngx_cache_purge1、Nginx的Proxy_cache是根据Key值md5哈希存储缓存，支持任意的Key，例如你可以根据”域名、URI、参数”组合成key，也支持非200状态码，如404/302等。2、要利用Nginx的Proxy_cache，你需要在Nginx编译进ngx_cache_purge 模块，执行：nginx -
转载
2024-02-22 13:41:35
342阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
1.新建一个webpack.config.js2.配置入口entry（所需打包的文件路径）3.配置出口output（1）path 指的是文件打包后的存放路径（2）path.resolve（）方法将路径或者路径片段的序列号处理成绝对路径（3）__dirname表示当前文件所在的目录的绝对路径（4）filename是打包后文件的名称...
原创
2022-01-16 10:32:00
663阅读
1.新建一个webpack.config.js2.配置入口entry（所需打包的文件路径）3.配置出口output（1）path 指的是文件打包后的存放路径（2）path.resolve（）方法将路径或者路径片段的序列号处理成绝对路径（3）__dirname表示当前文件所在的目录的绝对路径（4）filename是打包后文件的名称...
原创
2021-09-03 14:55:33
906阅读
近日，CNUTCon全球运维技术大会在上海举行，FreeWheel具有实战经验的一线技术专家受邀出席大会的“解决方案”专场。会上，专家就FreeWheel 微服务演化过程中因模块之间数据流不断调整而产生的挑战，以及为解决该问题进行的技术探索展开分享，围绕 Istio 的原理和技术实现，介绍了 Istio 1.0 在 FreeWheel 微服务化中的应用经验。01 FreeWheel的微服务之痛Fr
一、webpack基本安装 1、创建webpack项目目录如webpackDemo，并进入webpackDemo; 2、 在node已经安装的前提下，打开命令行控制器，输入如下命令： npm init -y npm install webpack webpack-cli --save-dev //安 ...
转载
2020-10-25 13:45:00
321阅读
2评论
Demo及笔记：https://github.com/18291907191/webpack # 前端构建工具Webpack的学习 ## 什么是webpack？ > 百度词条：“Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从
原创
2021-07-19 16:07:22
156阅读
