Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许 多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还 可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加 载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、 Coffeescript、 LESS 等。###核
linux下的打包压缩打包和压缩gzip 压缩gzip -[1-9] filename 指定压缩等级gzip -c filename 输出压缩结果到标准输出gzip -d filename 解压缩gzip -k filename 保留原文件gzip -f filename 强制覆盖同名文件gzip -l filename 打印压缩信息gzip -n/N filename 保留源文件信息gzip
转载
2024-04-04 19:13:19
99阅读
PS：项目前后端都使用docker进行部署，未学习过的可以去过一遍再来借鉴，也可直接借鉴1.前端项目打包部署前端项目打包进行前端项目打包之前需要把前端项目中api后端接口地址更改为实际的云服务器后端接口地址：如：云服务器公网ip: 10.1.189.1 后端服务端口为8080 所以后端服务的地址就是公网ip加上端口号http://10.1.189.1:8080 --表示后端服务，不要还是写成loc
转载
2024-08-07 16:25:25
103阅读
0.背景最近做一个基于 VUE 2 的资产后台管理系统。因为暂时没有后台人员编写数据接口，只把前端页面构建出来了。 突然有一天，领导说有客户来访，需要看一看后台管理系统的界面演示。而当前做的web项目只有纯静态，也木有上线，所以给客户演示时非常不方便，于是领导喊我将其打包成一个桌面应用程序，直接可以离线观看的那种。 当时听着也是一愣，这玩意不是应该是c++或java这种更牛逼的东西干的事情吗？
Nginx 是一个高性能的HTTP和反向代理服务器，同时也是一个 IMAP/POP3/SMTP 代理服务器。常见场景：静态资源服务器动态匹配反向代理Gzip 压缩负载均衡先来看下默认的Nginx配置，我将以此为基础依次介绍Nginx的用法Nginx 安装目录下的nginx.conf就是Nginx全局的配置文件，我们主要修改这里的内容。nginx.conf.default作为配置文件的备份。# 设置
转载
2024-07-28 12:11:21
130阅读
30分钟学会使用grunt打包前端代码(四)require与模板文件我们知道，模板文件一般都是html，比如我们这里的demo01.html，对于这个文件我们应该怎么打包呢？其实很简单……需要干两件事情：① 引入require.text② 加入模板文件{
"requirejs": {
"options": {
"baseUrl": "./",
"paths":
转载
2023-12-16 12:29:07
64阅读
目录Jeecg-Boot项目简介源码下载升级日志Issues解决v1.1升级到v2.0不兼容地方系统截图Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的智能开发平台！采用前后端分离技术:SpringBoot，Mybatis，Shiro，JWT，Vue & Ant Design。提供强大的代码生成器， 前端页面和后台代码一键生成，不需要写任
项目介绍Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。 是在 Vben-Admin 基础上研发的，适合于JeecgBoot的新版前端VUE3框架。全新的VUE3技术栈，不只追赶技术潮流，更兼备大型项目优势。提供了详细的 零基础入门视
原创
2022-08-19 11:30:21
518阅读
学习前端模块化的第一步，安装模块化工具。 1.下载安装node 按照安装向导一步步完成即可。1)安装完成后，在终端输入node -v 回车打印出nodejs的版本号，说明nodejs安装成功。 2)在终端输入npm -v 回车打印出npm的版本号，说明npm也安装成功(node安装包中已集成了npm,因此在安装nodejs的同时也安装了npm)。2.设置npm 具体方法： 1） 通
一、什么是webpack webpack是一个前端构建工具，可以帮我们实现js、css、图片的压缩，合并。webpack主要的功能就是为前端模块化服务。webpack的核心是一个适用于现代JavaScript应用程序的静态模块打包程序。 当webpack处理应用程序时，它会递归地构建一个依赖图，其中包含应用程序需要的每个模块，然后将所有这些模块打包到一个或多
转载
2024-10-12 11:32:16
38阅读
项目背景：某项目需要，找了网上的一个大数据的模板做了一个人模人样的前端。用了一些Echarts的东西，项目的GPU使用率很高，CPU占用率也不小。现要求将项目demo打包发布出来，代码什么的全部隐藏掉，发布出一个桌面应用程序。项目结构如下图： 打包项目使用的工具：nwjs（链接：https://nwjs.org.cn/）第一步准备打包工具：下载nwjs工具，官方提供的有两个版本，一个是正
转载
2023-07-18 21:32:00
147阅读
对于前后端分离的项目，前端项目和后端项目需要单独部署，通常会使用SpringBoot框架开发后端项目，使用Vue框架开发前端项目；后端项目的部署较为简单，一般来说就是先打成一个Jar包上传到服务器，然后使用 nohup java -jar Jar包名 & 命令启动项目即可；完整部署流程可参考文章： 而对于前端Vue项目的部署，需要使用Nginx做反向代理，原因是开发的时候我们使用的是web
转载
2024-01-08 17:47:33
62阅读
描述这个模块主要是用来运行时动态加载模块，而不用每次都要重新编译Tengine.如果你想要编译官方模块为动态模块，你需要在configure的时候加上类似这样的指令(--with-http_xxx_module),./configure --help可以看到更多的细节.如果只想要安装官方模块为动态模块(不安装Nginx)，那么就只需要configure之后，执行 make dso_install命
# Java打包程gz
在Java开发中，我们经常需要将项目打包成gz文件进行传输或者存储。gz是一种常见的压缩文件格式，可以有效减小文件的大小，方便传输和存储。本文将介绍如何在Java中使用代码进行打包程gz操作。
## 打包程gz
在Java中，可以使用`GZIPOutputStream`类来进行gz文件的打包。下面是一个简单的示例代码，演示了如何将一个字符串打包成gz文件。
```j
原创
2024-07-03 05:24:34
27阅读
项目打包命令为：npm run build 打包后会文件夹中自动生成一个dist文件 这个文件就是最终上传服务器的文件（或者将这个dist给后端）dist中的index打开是本地看不见什么的。如果想查看项目 ----1.在config目录中找到index。js build: {
// Template for index.html
index: path.
转载
2023-06-29 15:58:49
348阅读
这里写自定义目录标题项目技术栈初始构建大小引入辅助工具优化一：cdn引入优化二：按需引入优化三：懒加载优化四：压缩文件 项目技术栈1.vue 2.6.10 2.vue/cli 4.5.15初始构建大小 初始build的结果如上图所示，整个dist文件夹大小是49.7MB，从文件上可以看到，app.js、0.js、2.js、3.js文件夹非常大，这种时候就要找找原因了引入辅助工具既然要分析这些比较
转载
2024-07-02 20:27:28
1069阅读
webpack打包理解（将所有依赖文件打包到一个文件中）由于前端代码变得越来越多，越来越复杂， 纯粹脚本化的代码书写方式已经不能满足工程化得需求。前端模块被抽象出来， 不仅仅包括js模块， 其它如css都算作一个模块。将这些模块打包到同一个js文件中，就叫webpack打包。 打包原理https://www.jianshu.com/p/e24ed38d89fd
webpack只
转载
2024-08-22 20:12:02
64阅读
前言：Webpack是一款基于node的前端打包工具，它可以将很多静态文件打包起来，自动处理依赖关系后，生成一个.js文件，然后让html来引用，不仅可以做到按需加载，而且可以减少HTTP请求，节约带宽。1.配置与安装在node已经安装完成的前提下，全局安装webpack$ cd d:
$ mkdir test && cd test //创建test ，并进入
$ npm i
1.简介本文主要介绍如何使用docker安装nginx，以及如何将前端打包好的vue项目部署到nginx上。2.操作（1）拉取nginx镜像：docker pull nginx（2）咱们先把docker镜像跑起来：docker run --name myNginx -p 80:80 -v /home/nginx/dist:/usr/share/nginx/html -d nginx
## -
转载
2023-09-20 15:10:12
181阅读
