不压缩打包layui

news2024/11/24 3:27:10

手动打包

下载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 gulp

cnpm install gulp-uglify --save-dev

cnpm install gulp-minify-css --save-dev

cnpm install gulp-concat --save-dev

cnpm install gulp-rename --save-dev

cnpm install gulp-replace --save-dev

cnpm install gulp-header --save-dev

cnpm install del --save-dev

cnpm install gulp-if --save-dev

cnpm install minimist --save-dev

cnpm 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 -v

echo 需要npm版本
echo 7.9.0
echo 当前npm版本
call npm -v

echo 请确认版本是否一致
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 enabledelayedexpansion
  set "str=!str:.pipe(uglify())= !"
  echo,!str!
  endlocal
))>"gulpfile.js.tmp"
move /y "gulpfile.js.tmp" "gulpfile.js"

:cnpm

REM 使用GBK编码
chcp 936

set /p choose=是否需要安装cnpm:

if /i %choose% NEQ y (
    goto gulp
)

echo 安装cnpm
call npm install -g cnpm -registry=https://registry.npm.taobao.org

:gulp

set /p choose=是否需要全局安装gulp:

if /i %choose% NEQ y (
    goto install
)

echo 全局安装gulp
call cnpm install --global gulp

:install

set /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 gulp

start explorer ".\dist"

:end


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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/610269.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Real3D 动画书 jQuery 插件

Real3D FlipBook jQuery Plugin 插件 新 – 用于 REAL3D 动画书 JQUERY 插件的 PDF 到图像转换器 一种将 PDF 转换为图像和 JSON 的工具,用于创建带有链接、文本搜索和文本选择的优化 PDF 活页簿。 使用图像和 JSON 创建的 PDF 动画书加载页面的速度比标准 PDF 动画…

i.MX6ULL点灯

i.MX6ULL点灯 对应底板原理图找到对应的IO引脚号 CCGR寄存器共有七个,分别是0~6。 使能时钟,CCGR0~6这7个寄存器控制着6ULL所有外设时钟的使能。 为了简单,设置CCGR0~6这7个寄存器全部为0xFFFFFFFF,相当于使能所有外设时钟。 …

springboot项目外卖管理 day01-项目搭建以及后台登陆

文章目录 一、软件开发整体介绍1.1、软件开发流程1.2、角色分工1.3、软件环境1.4、技术选型1.5、功能架构1.6、角色 二、环境搭建2.1、数据库的创建2.2、创建springboot项目并添加依赖2.3、配置yml文件2.4、将前端页面配置进resource目录![在这里插入图片描述](https://img-blo…

ec-canvas 在小程序上的使用

文章目录 I. 前言echarts、ec-canvas,在小程序中进行数据可视化的意义 II. 安装ec-canvas1. 下载安装ec-canvas组件2. 配置组件参数 III. 初识ec-canvas1. echarts在微信小程序中的工作原理2. echarts小程序版的局限性与创新点3. 通过一个简单的示例了解ec-canvas的…

chatgpt赋能python:Python备份列表l:保护你的重要数据

Python备份列表l: 保护你的重要数据 当我们谈到数据的安全性时,备份是非常重要的。备份应该是在任何操作之前考虑的,因为在数据丢失或计算机崩溃时,我们需要在短时间内恢复数据。在这篇文章中,我们将讨论Python备份列表l。 什么…

【python技能树】python简介

1 Python定义 Python 是一种简单易学并且结合了解释性、编译性、互动性和面向对象的脚本语言。Python提供了高级数据结构,它的语法和动态类型以及解释性使它成为广大开发者的首选编程语言。 Python 是解释型语言: 开发过程中没有了编译这个环节。类似于…

Linux系统-Ubuntu安装指定版本的内核

Ubuntu安装指定版本的内核 以下演示 Linux 系统内核,手动安装的话可以安装所有指定版本的内核。 查看当前系统内核 uname -sr接下来以安装 5.13.0 内核为例 首先去 http://kernel.ubuntu.com/~kernel-ppa/mainline/找到内核版本为5.13.0 的链接 根据电脑64位处理器 选择 AM…

chatgpt赋能python:Python奇数和偶数和

Python奇数和偶数和 在Python编程中,奇数和偶数和是一个基本的概念。奇数和偶数是指整数的特定类型,其中奇数是指不能被2整除的正整数,偶数是指可以被2整除的正整数。本文将介绍Python中计算奇数和偶数和的方法。 计算奇数和偶数 要计算奇…

「QT」QT5程序设计目录

✨博客主页:何曾参静谧的博客 📌文章专栏:「QT」QT5程序设计 目录 📑【QT的基础知识篇】📑【QT的GUI编程篇】📑【QT的项目示例篇】📑【QT的网络编程篇】📑【QT的数据库编程篇】📑【QT的跨平台编程篇】📑【QT的高级编程篇】📑【QT的开发工具篇】📑【QT的调…

chatgpt赋能python:Python地址怎么写的SEO

Python地址怎么写的SEO 随着数字化时代的到来,搜索引擎优化(SEO)已成为网站排名和流量的重要因素。为了让Python 相关网站在搜索引擎上更加有利的排名,需要了解Python地址要怎么写才能获得更好的SEO效果。 为什么地址要写好 地…

操作系统(进程与线程,复习自用)

进程与线程 进程与线程进程的概念、组成、特征进程的状态与转换进程控制进程通信(IPC)线程概念 多线程模型线程的实现方式 多线程模型线程的状态与转换 CPU调度与上下文切换调度的概念、层次进程调度的时机 切换与过程调度方式调度器 闲逛进程调度算法的…

chatgpt赋能python:Python备份交换机:保障网络安全的必备工具

Python备份交换机:保障网络安全的必备工具 在当今互联网时代,因特网已经成为了全球的必备基础设施。然而,在使用网络的过程中,我们也会遭遇到各种各样的问题,其中最常见的就是网络中断或数据丢失。特别是对于企业和组…

javaScript蓝桥杯----绝美宋词

目录 一、介绍二、准备三、目标四、代码五、踩坑六、完成 一、介绍 “今宵酒醒何处,杨柳岸晓风残月”,“蓦然回首,那人却在灯火阑珊处”,“试问闲愁都几许?一川烟草,满城风絮,梅子黄时雨” … …

K8s网络管理 flannel

K8s网络管理 flannel 1 网络管理1.1 Service1.1.1 网络体系1.1.2 工作模型1.1.3 SVC实践1.1.4 IPVS实践 1.2 其他资源1.2.1 域名服务1.2.2 CoreDNS1.2.3 无头服务 2 容器网络2.1 网络方案2.2 flannel2.3 主机网络 1 网络管理 1.1 Service 1.1.1 网络体系 应用流程 资源对象…

Elasticsearch基础

Elasticsearch是搜索服务器 视频地址:https://www.bilibili.com/video/BV1Sy4y1G7LL/?p6&spm_id_from333.880.my_history.page.click&vd_sourcefc7fa697b97f292319c5b0cde4755484 下载地址:[https://artifacts.elastic.co/downloads/elasticse…

赋予品牌文化原力,从已有文化中挖掘

赋予品牌以文化原力,从已有文化中挖掘 华与华总结为: 寻找母体,寄生母体,成为母体,壮大母体 非常经典的例子:微信红包 趣讲大白话:文化有持续的力量 【趣讲信息科技186期】 *******************…

Redisson看门狗机制为什么比将锁设置成永久有效期更好?

个人主页:金鳞踏雨 个人简介:大家好,我是金鳞,一个初出茅庐的Java小白 目前状况:22届普通本科毕业生,几经波折了,现在任职于一家国内大型知名日化公司,从事Java开发工作 我的博客&am…

【测绘程序设计】C#伪距单点定位

文章目录 一、题目解读二、界面设计三、矩阵计算实现1、矩阵定义Matrix2、矩阵构造Matrix()3、单位矩阵MatrixE()4、加减乘操作符重载-*5、矩阵转置transposs()6、矩阵求逆Inverse() 四、数据存储结构设计1、Sat类存一颗卫星的数据2、Epoch类存一个历元的数据3、DataCenter类存…

Spring Cloud Alibaba - Sentinel(一)

目录 一、Sentinel介绍 1、什么是Sentinel 2、Sentinel好处 3、Sentinel下载和安装 二、搭建Sentinel项目 1、创建项目cloudalibaba-sentinel-service8401 三、Sentinel流控规则 1、流控规则基本介绍 2、新增流控 2.1、QPS直接失败案例 2.2、线程数直接失败案例 3、…

CF1839B Lamps

思路 这道题我们可以利用贪心的思想。 我们这里把 a i a_i ai​理解为第 a i a_i ai​层灯。 在层数相同的灯被破坏之后,灯的个数就会减少到 0 0 0,所以它一定不会影响到之后下一层的灯。 所以,我们贪心的思路是: 将每一层&am…