当前位置: 首页 > news >正文

不压缩打包layui

手动打包

下载layui源码(当前版本2.6.4),并解压缩

下载地址:layui gitee

安装nodejs(v10.24.1)

下载链接 windows-x64

安装cnpm

npm install -g cnpm -registry=https://registry.npm.taobao.org

全局安装glup

cnpm install --global gulp

进入layui目录,修改gulpfile.js文件,删除其中的.pipe(uglify())

删除部分

在layui源码目录运行cmd,并安装本地依赖

运行cmd

依次执行命令

cnpm install --save-dev gulpcnpm install gulp-uglify --save-devcnpm install gulp-minify-css --save-devcnpm install gulp-concat --save-devcnpm install gulp-rename --save-devcnpm install gulp-replace --save-devcnpm install gulp-header --save-devcnpm install del --save-devcnpm install gulp-if --save-devcnpm install minimist --save-devcnpm install gulp-zip --save-dev

打包输出

gulp

输出文件在dist目录下

代码未压缩未混淆

使用bat脚本打包

链接:https://pan.baidu.com/s/1cF-aW2RUHxnm7TSfOWYMVw
提取码:6688

放在layui目录下运行,首次打包的话一路输入y即可,之后可以看提示操作


修改gulpfile.js文件时杀毒软件可能会提示,允许即可

点击允许

@echo off
echo 需要node版本
echo v10.24.1
echo 当前node版本
call node -vecho 需要npm版本
echo 7.9.0
echo 当前npm版本
call npm -vecho 请确认版本是否一致
set /p choose=是否继续运行[y or other]:
if /i %choose% NEQ y (goto end
)set /p choose=是否需要修改gulpfile.js文件[y or other]:if /i %choose% NEQ y (goto cnpm
)REM 使用UTF-8编码
chcp 65001(for /f "delims=" %%a in (gulpfile.js) do (set "str=%%a"setlocal enabledelayedexpansionset "str=!str:.pipe(uglify())= !"echo,!str!endlocal
))>"gulpfile.js.tmp"
move /y "gulpfile.js.tmp" "gulpfile.js":cnpmREM 使用GBK编码
chcp 936set /p choose=是否需要安装cnpm:if /i %choose% NEQ y (goto gulp
)echo 安装cnpm
call npm install -g cnpm -registry=https://registry.npm.taobao.org:gulpset /p choose=是否需要全局安装gulp:if /i %choose% NEQ y (goto install
)echo 全局安装gulp
call cnpm install --global gulp:installset /p choose=是否需要安装dev依赖[y or other]:if /i %choose% NEQ y (goto output
)echo 安装gulp
call cnpm install --save-dev gulp
echo 安装gulp-uglify
call cnpm install gulp-uglify --save-dev
echo 安装gulp-minify-css
call cnpm install gulp-minify-css --save-dev
echo 安装gulp-concat
call cnpm install gulp-concat --save-dev
echo 安装gulp-rename
call cnpm install gulp-rename --save-dev
echo 安装gulp-replace
call cnpm install gulp-replace --save-dev
echo 安装gulp-header
call cnpm install gulp-header --save-dev
echo 安装del
call cnpm install del --save-dev
echo 安装gulp-if
call cnpm install gulp-if --save-dev
echo minimist
call cnpm install minimist --save-dev
echo 安装gulp-zip
call cnpm install gulp-zip --save-dev:output
echo 输出
call gulpstart explorer ".\dist":end


作者:a533ce12794b
链接:https://www.jianshu.com/p/3fc813323120
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章:

不压缩打包layui

手动打包 下载layui源码(当前版本2.6.4),并解压缩 下载地址:layui gitee 安装nodejs(v10.24.1) 下载链接 windows-x64 安装cnpm npm install -g cnpm -registryhttps://registry.npm.taobao.org全局安…...

过去、现在及未来

人生最邪恶的地方在于,只能年轻一次 回顾下我毫无规划的,且已经消耗掉的青春 一:过去 19岁,进入大学,兼职、玩儿、暧昧 20-21岁,初创软件公司打杂、恋爱、暧昧 22、23、24岁,上海&#xff…...

leetcode701. 二叉搜索树中的插入操作(java)

二叉搜索树中的插入操作 leetcode701. 二叉搜索树中的插入操作题目描述 递归解题解题思路代码演示 二叉树专题 leetcode701. 二叉搜索树中的插入操作 原题链接: 来源:力扣(LeetCode) 链接:https://leetcode.cn/problem…...

Docker的容器管理操作

1、创建容器 容器创建:就是将镜像加载到容器的过程。 创建容器时如果没有指定容器名称,系统会自动创建一个名称。 新创建的容器默认处于停止状态,不运行任何程序,需要在其中发起一个进程来启动容器。 docker create创建的容器…...

计算机组成原理——中央处理器

文章目录 **一 CPU的功能和基本结构****1 CPU的功能****2 [基本结构](http://t.csdn.cn/bpCt3)****2.1 运算器****2.2 控制器** **二 指令执行过程****1 指令周期****2 指令周期的数据流****2.1 取指周期****2.2 间址周期****2.3 执行周期****2.4 中断周期** **3 指令的执行方案…...

tidb变更大小写敏感问题的总结

作者: sustyle 原文来源: https://tidb.net/blog/2a72bc13 1 背景 近期,我们线上的tidb集群就遇到一个变更忽略大小写的需求,本来以为一个改表工单就解决了,但是业务反馈工单完成后,大小写仍旧敏感&…...

法规标准-UN R158标准解读

UN R158是做什么的? UN R158全名为针对驾驶员识别车辆后方弱势道路使用者,联合国对倒车系统和机动车的统一规定,该法规涉及批准倒车和机动车辆的装置,主要为保证倒车时避免碰撞,方便驾驶员观察了解车辆后部人员和物体…...

160个CrackMe之002

这道题就很简单 有了第一道题目的支持 我们就能做 首先 我们先要下载Msvbvm50.dll Msvbvm50.dll下载_Msvbvm50.dll最新版下载[修复系统丢失文件]-下载之家 然后我们可以运行程序了 比之前那个还简单 就是输入 然后比对 报错或者成功 开始逆向分析 先去常量中进行查找 找…...

3. 响应状态码及Response对象的status_code属性

3. 响应状态码及Response对象的status_code属性 文章目录 3. 响应状态码及Response对象的status_code属性1. 响应状态码2. 响应状态码共分为5种类型2.1 1xx(临时响应)2.2 2xx (成功)2.3 3xx (重定向)2.4 4x…...

MIME 类型列表 03

看表~按照内容类型排列的 MIME 类型列表 类型/子类型扩展名application/envoyevyapplication/fractalsfifapplication/futuresplashsplapplication/htahtaapplication/internet-property-streamacxapplication/mac-binhex40hqxapplication/msworddocapplication/msworddotappl…...

SpringBoot项目登录并接入MFA二次认证

MFA多因素认证(Multi-Factor Authentication ): 一些需要身份认证的服务(如网站),为了提升安全性,通常会在账号密码登录成功后,要求用户进行第二种身份认证,以确保是正确用户登录,避…...

算法与数据结构(三)

一、堆 1,堆结构就是用数组实现的完全二叉树结构 根节点的左孩子的下标为:2i1,右孩子为2i2。两个孩子的父节点为(i-1)/2向下取整 2,完全二叉树中如果每棵子树的最大值都在顶部就是大根堆 从下往上将孩子与父节点进行比较,如果子叶…...

亚马逊云科技出海日,让数字经济出海扩展到更多行业和领域

数字化浪潮之下,中国企业的全球化步伐明显提速。从“借帆出海”到“生而全球化”,中国企业实现了从传统制造业“中国产品”出口,向创新“中国技术”和先导“中国品牌”的逐步升级。 作为全球云计算的开创者与引领者,亚马逊云科技…...

Pb协议的接口测试

【摘要】 Protocol Buffers 是谷歌开源的序列化与反序列化框架。它与语言无关、平台无关、具有可扩展的机制。用于序列化结构化数据,此工具对标 XML ,支持自动编码,解码。比 XML 性能好,且数据易于解析。更多有关工具的介绍可参考…...

2. 分布式文件系统 HDFS

2. 分布式文件系统 HDFS 1. 引入HDFS【面试点】 问题一:如果一个文件中有 10 个数值,一行一个,并且都可以用 int 来度量。现在求 10 个数值的和 思路: 逐行读取文件的内容把读取到的内容转换成 int 类型把转换后的数据进行相加…...

借助金融科技差异化发展,不一样的“破茧”手法

撰稿 | 多客 来源 | 贝多财经 民营银行的诞生顺应了普惠金融的要求,承担着支持民营经济、服务小微的历史使命。经过近年来的发展,19家民营银行形成了特色化、差异化的发展模式,并用各自本领实践普惠金融的初心。 本文从多家民营银行在核心技…...

typescript中type、interface的区别

一、概念定义 interface:接口 在TS 中主要用于定义【对象类型】,可以对【对象】的形状进行描述。type :类型别名 为类型创建一个新名称,它并不是一个类型,只是一个别名。 二,区别 interface: …...

Ingress详解

Ingress Service对集群外暴露端口两种方式,这两种方式都有一定的缺点: NodePort :会占用集群集群端口,当集群服务变多时,缺点明显LoadBalancer:每个Service都需要一个LB,并且需要k8s之外设备支…...

【递归算法的Java实现及其应用】

文章目录 递归算法概述递归算法的实现步骤递归算法的Java实现递归算法的底层工作原理递归算法的底层代码讲解(优先级高)递归算法的实际应用场景递归算法在场景中解决的问题递归算法的优点和缺点总结 递归算法概述 递归算法是一种通过调用自身来解决问题…...

2023年度第四届全国大学生算法设计与编程挑战赛(春季赛)

目录 2023年度第四届全国大学生算法设计与编程挑战赛(春季赛)1、A2、Bx3、Cut4、Diff5、EchoN6、Farmer7、GcdGame8、HouseSub9、IMissYou!10、Jargonless 2023年度第四届全国大学生算法设计与编程挑战赛(春季赛) 1、A 题目描述…...

如何用PHP获取各大电商平台的数据

PHP获取API数据是指使用PHP语言从web服务中提取数据。API是指应用程序接口,它允许应用程序之间进行交互和通信,并且允许一个应用程序从另一个应用程序获取数据。PHP是一种网站开发语言,它可以使用多种方式来获取API数据。 在PHP中&#xff0…...

一站式完成车牌识别任务:从模型优化到端侧部署

交通领域的应用智能化不断往纵深发展,其中最为成熟的车牌识别早已融入人们的日常生活之中,在高速公路电子收费系统、停车场等场景中随处可见。一些企业在具体业务中倾向采用开源方案降低研发成本,但现有公开的方案中少有完成端到端的车牌应用…...

Linux4.8Nginx Rewrite

文章目录 计算机系统5G云计算第六章 LINUX Nginx Rewrite一、Nginx Rewrite 概述1.常用的Nginx 正则表达式2.rewrite和location3.location4.实际网站使用中,至少有三个匹配规则定义5.rewrite6.rewrite 示例 计算机系统 5G云计算 第六章 LINUX Nginx Rewrite 一、…...

DHT11温湿度传感器

接口定义 传感器通信 DHT11采用简化的单总线通信。单总线仅有一根数据线(SDA),通信所进行的数据交换、挂在单总线上的所有设备之间进行信号交换与传递均在一条通讯线上实现。 单总线上必须有一个上拉电阻(Rp)以实现单…...

RestTemplate超简单上手

目录 1.什么是RestTemplate? 2.RestTemplate的使用 2.1spring环境下 注意1:RestTemplate中发送请求execute()和exchange()方法的区别 execute()方式 exchange()方式 二者的区别 注意2:进阶配置——底层HTTP客户端 2.2非spring环境下 1.什么是R…...

监控系统设计原则及实现目标

1.1.1.1 1 .完善的设计理念: 包括符合国际发展潮流的特性化设计,完整的安防监控及围墙周界报警系统 的布线、设备安装、调试、测试、验收的“交钥匙”工程管理制度,以及符合标 准的质量控制体系。 1.1.1.2 设计原则&#xf…...

VulnHub项目:MONEYHEIST: CATCH US IF YOU CAN

靶机名称: MONEYHEIST: CATCH US IF YOU CAN 地址:MoneyHeist: Catch Us If You Can ~ VulnHub 这个系列是一部剧改编,还是挺好看的,大家有兴趣可以去看看! 废话不多说,直接上图开始! 渗透…...

对象存储OSS简介,一分钟了解对象存储OSS

对象存储(Object Storage)是一种新兴的数据存储方式,与传统的文件系统和块存储不同,对象存储以对象为基本单位进行数据管理和存储。在对象存储中,每个对象都有唯一的标识符,并包含了数据本身以及与之相关的…...

SpringCloud_微服务基础day2(Eureka简介与依赖导入,服务注册与发现)

p6:Eureka简介与依赖导入 前面我们了解了如何对单体应用进行拆分,并且也学习了如何进行服务之间的相互调用,但是存在一个问题,就是虽然服务拆分完成,但是没有一个比较合理的管理机制,如果单纯只是这样编写,…...

#tmux# #终端# 常用工具tmux

tmux tmux是一个终端复用工具,允许用户在一个终端会话中同时管理多个终端窗口,提高了终端使用效率,尤其在服务器上进行远程管理时更加实用。在tmux中,可以创建多个终端窗口和窗格,并在这些窗口和窗格之间自由切换&…...

怎么做vip网站/刷seo排名

Keras 函数式 API 是定义复杂模型(如多输出模型、有向无环图,或具有共享层的模型)的方法。这部分文档假设你已经对 Sequential 顺序模型比较熟悉。让我们先从一些简单的例子开始。例一:全连接网络Sequential 模型可能是实现这种网络的一个更好选择&#…...

施工企业施工生产计划/网页关键词排名优化

数码管 多位数码管,即是两个或两个以上单个数码管并列集中在一起形成一体的数码管。当多位一体时,它们内部的公共端是独立的,而负责显示什么数字的段线全部是连接在一起的,独立的公共端可以控制多位一体中的哪一位数码管点亮&…...

网站制作公司茂名/无限制访问国外的浏览器

最近打开了交接过来的旧代码&#xff0c;编译了一下&#xff0c;出现以下错误&#xff1a; Error[Li005]: no definition for "__disable_interrupt" Error[Li005]: no definition for "__enable_interrupt"解决方法&#xff1a;添加头文件#include <…...

学做网站从零开始/谷歌搜索入口

1.子组件给父组件传值a.先在子组件中定义事件&#xff0c;当触发这个事件后才开始传值b.当触发子组件中的事件后&#xff0c;使用$emit把传递事件名称和值给父组件&#xff0c;事件名称是自定义的c.父组件在页面子组件的模板上定义事件&#xff0c;名称是子组件传过来的名字d.获…...

做网站后台运营这个工作怎么样/seo网站建设优化

学习目标 掌握什么是serverless和FaaS 学习使用阿里云函数计算(FC)构建多语言的后台服务 使用Spring Boot 阿里云函数计算 OSS打造极低成本的表白小程序 一、520表白小程序介绍 1.1 需求说明 距离一年一度的520全民表白日&#xff0c;只&#xff01;有&#xff01;一&a…...

眉山网站建设/设计网站的软件

这是本系列第19篇文章&#xff0c;至此&#xff0c;Lightroom Classic的面板栏已经讲完了&#xff0c;今天来讲讲直方图与面板栏之间这一小条&#xff1a;工具栏。虽然这里有6个工具 &#xff0c;但我都放在一篇文章里讲&#xff0c;大家可以快速了解这些工具。这些工具很多与C…...