一、去除生产环境sourceMapvue项目打包之后js文件夹中,会自动生成一些map文件,占用相当一部分空间map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错,有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。生产环境是不需要sourceMap的,如下配置可以去除module.exports = {
//去除生
转载
2023-12-08 19:09:26
202阅读
前端打包工具之Webpack5什么是打包工具打包工具的作用常见的打包工具一、Webpack1、什么是[webpack](https://webpack.docschina.org/concepts/)2、webpack本身的功能是有限的3、webpack基本使用:基于本身功能只解析JS资源4、webpack配置4.1、`entry`(入口):指示webpack从哪个文件开始打包4.2、`outp
项目打包命令为: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阅读
[从入门到入土(后端篇)]三,前端项目部署(nginx)当本地项目没有问题后,我们需要将其部署到服务器上,让别人可以进行访问。我所知道的方法有:1.nginx部署 2.后端部署 3.oss部署后端部署就比较简单,前端项目打包后直接给后端人员就行。所以我将写写怎么利用nginx部署和oss部署这篇文章将讲解如何部署前端项目到nignx一. 前端项目打包执行命令行npm run build如果需要打包
转载
2023-12-01 09:51:31
421阅读
WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。WebStorage两个主要目标:(1)提供一种在cookie之外存储会话数据的路径。(2)提供一种存储大量可以跨会话存在的数据的机制。web存储更加安全与快速,这些数据还不会保存到服务器,还可以存储大量数据而不影响网站性能。web 存储类型localStorage&nbs
随着前端工程师需要维护的代码变得越来越庞大和复杂,代码的维护、打包、发布等流程也变得极为繁琐,人为的错误也随着流程的增加而增加了更多的出错率。所以每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之越来越多的人开始使用构建工具。说到构建工具,我往往会在前面加「自动化」三个字,因为构建工具就是用来让我们不再做机械重复的事情,解放我们的双手的(my god)。1.W
文章目录背景分类转译器打包器对比gulp VS webpackBundle vs Bundleless(代表就是webpack VS vite)其他比较个人理解总结官网 背景做前端也有好多年了,从最早的 jQuery 时代到现在的三大框架,这过程中用到了很多构建工具,今天就来盘点一下我们前端开发常用的这些构建工具。盘点之前呢,我们先聊聊现代前端开发的痛点,也是这些构建工具出现的原因:开发过程注重
作者主页:Designer 小郑作者简介:软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue、SpringBoot和微信小程序)、系统定制、远程技术指导。蓝桥云课认证讲师,全栈领域优质创作者,在校期间参加PAT乙级考试获得满分,三年ACM竞赛经验,斩获国奖两项,省奖五项。热爱技术、专注业务、开放合作、乐于分享,期待你我共同成长!主打方向:Vue、SpringBoot
在本篇博文中,我会详细阐述如何将 `dist` 目录中的内容放入一个 Java JAR 文件中,具体包括背景定位、核心维度、特性拆解、实战对比、选型指南和生态扩展等多个方面。我们将深入讨论这个过程的各个技术细节和应用场景。
### 背景定位
Java 项目的构建和打包是开发工作中至关重要的一部分。通常情况下,我们在构建 Java 应用时,会生成一个 `dist` 目录,其中包含了所有的编译结果
前后端分离打包、运行(springboot+vue)一、本地打包运行在终端中运行程序前端:前提:已安装npm,编译环境为VS Code 1、跳转至Vue项目所在目录$ cd Vue项目所在的目录2、打包Vue文件,打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g
转载
2024-01-01 19:32:08
194阅读
CGI通用网关接口(Common Gateway Interface)是一个Web服务器主机提供信息服务的标准接口。通过CGI接口,Web服务器就能够获取客户端提交的信息,转交给服务器端的CGI程序进行处理,最后返回结果给客户端。神烦理论瞎,拿nginx、php这种模式来简单理解cgi更为直观:nginx:“哎呀,收到客户端的一个http请求,该干活了…咦,有php-fpm这小子的活儿!”ngin
Hadoop HDFS Basic JAVA API
org.apache.hadoop.fs.FileSystem 是HDFS的文件系统抽象,在分布式系统中管理HDFS文件和目录。文件内容存储在由多个相同大小的块(如64M)构成的datanode节点中,namenode节点存储着这些块的信息和元信息。FileSystem按顺序访问这些块
转载
2024-10-18 15:01:05
23阅读
本章概要整合Thymeleaf整合FreeMarker在目前的企业级应用开发中,前后端分离是趋势,但是视图层技术还占有一席之地。Spring Boot 对视图层技术提供了很好的支持,福安防推荐使用的模板引擎是Thymeleaf,不过想FreeMarker也支持,JSP技术在这里并不推荐使用。3.1 整合ThymeleafThymeleaf是新一代Java模板引擎,类似于Velocity、FreeM
转载
2024-04-08 09:23:44
74阅读
前言今天,小编在公司部署项目,要求前后端部署在一起,前端开发完后将前端代码打包后放到springboot的static目录下;然后打成镜像,k8s部署;技术栈前端 vue 2.6.11后端 spring boot 2.3.12.RELEASEjenkins构建docker 打包镜像k8s部署步骤前端项目执行npm run build命令,文件会打包到dist文件夹下;后端项目 在项目的resour
转载
2023-10-27 06:47:10
505阅读
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作:下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。配置 Nginx:安装完成后,在 Nginx 的安装目录中找到 nginx.conf 配置文件(默认路径为 C:
原创
2023-07-06 13:07:57
287阅读
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作:下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。配置 Nginx:安装完成后,在 Nginx 的安装目录中找到 nginx.conf 配置文件(默认路径为 C:
原创
2023-07-06 13:08:07
743阅读
webpack打包过程中遇到的各种问题以及详细的解决方法很多人基本上都是在网上找的视频自学的,但是网上找到的学习视频很少是发布的,大都是一两年前的,视频中所用的webpack的版本也是几年前的,前端的知识更新的很快,不同的版本,执行的命令也不一样,成功用webpack打包自定义的js文件,我花了快三天的时间,整个人都头大。WebPack4.0+以上版本 打包警告提示The ‘mode’ optio
针对文件的批量下载,我们可以通过后端将文件打包成zip,然后通过zip流的方式发送到前端,实现下载一、后台创建一个解压/压缩 zip文件工具类1、本功能实现解压功能需要引入ant包,如下<dependency>
<groupId>org.apache.ant</groupId>
<artifactId>ant</artifactId&g
转载
2024-07-08 13:00:17
35阅读
在我们的日常生活中,经常遇到过这样的情况,比如:日常思考了很久的问题,却不知道如何做出决策;有一堆数据,不知道怎么分析得出结论;没有行业积累和经验,不知道怎么来判断;要不要换工作;要不要卖房子;要不要和她结婚。等等这些都需要我们去做出抉择。我们肯定是想清楚问题,再做出选择。那么我们究竟该怎么分析,从而做出明智的选择呢?这篇文章就来帮你分析分析,给你提供一个分析方法。其实啊,分析就是:定义问题,搜集
display属性共有4个值:blcok:块级元素 inline-block:行内块级元素 inline:行内元素 none:隐藏元素,不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等 块级元素会默认占满父元素的宽度且独占一行<div>
<p>尽可能的占满父元素的宽度</p>
</div>2.行内元素常见的行内
转载
2024-10-17 21:36:58
9阅读