一、去除生产环境sourceMapvue项目打包之后js文件夹中,会自动生成一些map文件,占用相当一部分空间map文件作用在于:项目打包后,代码都是经过压缩加密,如果运行时报错,输出错误信息无法准确得知是哪里代码报错,有了map就可以像未加密代码一样,准确输出是哪一行哪一列有错。生产环境是不需要sourceMap,如下配置可以去除module.exports = { //去除生
前端打包工具之Webpack5什么是打包工具打包工具作用常见打包工具一、Webpack1、什么是[webpack](https://webpack.docschina.org/concepts/)2、webpack本身功能是有限3、webpack基本使用:基于本身功能只解析JS资源4、webpack配置4.1、`entry`(入口):指示webpack从哪个文件开始打包4.2、`outp
转载 7月前
28阅读
项目打包命令为:npm run build 打包后会文件夹中自动生成一个dist文件  这个文件就是最终上传服务器文件(或者将这个dist给后端)distindex打开是本地看不见什么。如果想查看项目 ----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` 目录,其中包含了所有的编译结果
原创 5月前
36阅读
前后端分离打包、运行(springboot+vue)一、本地打包运行在终端中运行程序前端:前提:已安装npm,编译环境为VS Code 1、跳转至Vue项目所在目录$ cd Vue项目所在目录2、打包Vue文件,打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g
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
前言今天,小编在公司部署项目,要求前后端部署在一起,前端开发完后将前端代码打包放到springbootstatic目录下;然后打成镜像,k8s部署;技术栈前端 vue 2.6.11后端 spring boot 2.3.12.RELEASEjenkins构建docker 打包镜像k8s部署步骤前端项目执行npm run build命令,文件会打包dist文件夹下;后端项目 在项目的resour
 要在 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阅读
在我们日常生活中,经常遇到过这样情况,比如:日常思考了很久问题,却不知道如何做出决策;有一堆数据,不知道怎么分析得出结论;没有行业积累和经验,不知道怎么来判断;要不要换工作;要不要卖房子;要不要和她结婚。等等这些都需要我们去做出抉择。我们肯定是想清楚问题,再做出选择。那么我们究竟该怎么分析,从而做出明智选择呢?这篇文章就来帮你分析分析,给你提供一个分析方法。其实啊,分析就是:定义问题,搜集
转载 9月前
21阅读
display属性共有4个值:blcok:块级元素 inline-block:行内块级元素 inline:行内元素 none:隐藏元素,不占据空间1.块级元素常见块级元素有div,p,ul,ol,li,h1~h6等 块级元素会默认占满父元素宽度且独占一行<div> <p>尽可能占满父元素宽度</p> </div>2.行内元素常见行内
  • 1
  • 2
  • 3
  • 4
  • 5