`

前端压缩静态文件

 
阅读更多

 

maven压缩js,css

 

<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">  

    <modelVersion>4.0.0</modelVersion>  

    <!-- 项目所在组、机构 -->  

    <groupId>com.compress</groupId>  

    <!-- 项目产品名称 -->  

    <artifactId>game</artifactId>  

    <!-- 项目产品版本 -->  

    <version>1.0.0</version>  

    <!-- pom属性配置 -->  

    <properties>  

        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>  

    </properties>  

    <!-- 构建相关配置  -->  

    <build>  

    <!-- maven插件配置 -->  

    <plugins>  

      <plugin>  

        <!-- YUI Compressor Maven压缩插件 -->  

        <groupId>net.alchim31.maven</groupId>  

        <artifactId>yuicompressor-maven-plugin</artifactId>  

        <version>1.5.1</version>   

        <configuration>  

            <!-- 读取js,css文件采用UTF-8编码 -->  

            <encoding>UTF-8</encoding>  

            <!-- 不显示js可能的错误 -->  

            <jswarn>false</jswarn>  

            <!-- 若存在已压缩的文件,会先对比源文件是否有改动  

                有改动便压缩,无改动就不压缩 -->  

            <force>true</force>  

            <!-- 在指定的列号后插入新行 -->  

            <linebreakpos>-1</linebreakpos>  

            <!-- 压缩之前先执行聚合文件操作 -->  

            <preProcessAggregates>false</preProcessAggregates>  

            <!-- 压缩后保存文件后缀 -->  

            <suffix>.min</suffix>  

            <!-- 源目录,即需压缩的根目录 -->  

            <sourceDirectory>${basedir}/game</sourceDirectory>  

            <!-- 压缩js和css文件 -->  

            <includes>  

                <include>**/*.js</include>  

                <include>**/*.css</include>  

                                 

            </includes>  

            <!-- 以下目录和文件不会被压缩 -->  

            <excludes>  

                <exclude>**/*.min.js</exclude>  

                <exclude>**/*.min.css</exclude> 

                         

            </excludes>  

            <!-- 压缩后输出文件目录 -->  

            <outputDirectory>${basedir}/game</outputDirectory>              

            <!-- 聚合文件 真正的标签aggregations 慎用 -->

           <aggregations-back>

             <aggregation>

               <!-- 合并每一个文件后插入一新行 -->

               <insertNewLine>true</insertNewLine>

               <!-- 需合并文件的根文件夹 -->

               <inputDir>${basedir}/mobile/scripts</inputDir>

               <!-- 最终合并的输出文件 -->

               <output>${basedir}/mobile/scripts/app/app.js</output>

               <!-- 把以下js文件合并成一个js文件,是按顺序合并的 -->

               <includes>

                 <include>app/core.js</include>

                 <include>app/mlmanager.js</include>

                 <include>app/tmpl.js</include>

                 <include>app/ui.js</include>

               </includes>

             </aggregation>

           </aggregations-back>

            

        </configuration>  

      </plugin>  

    </plugins>  

    

  </build>  

</project>  

执行

"D:\Program Files\Apache Software Foundation\apache-maven-3.3.9\bin\mvn"  yuicompressor:compress

 

 

smushit压缩图片

 

smushit game -R

 

 

分享到:
评论

相关推荐

    前端开发js静态资源压缩文件

    静态资源的压缩可以显著减少文件大小,提高页面加载速度,进而提升用户体验。本篇文章将深入探讨JavaScript静态资源的压缩技术及其在前端开发中的应用。 1. **JavaScript压缩的必要性** - **提高加载速度**:压缩...

    前端前端静态模板-757整理版-学生作业毕设实训素材.zip

    "前端前端静态模板-757整理版-学生作业毕设实训素材.zip"这个压缩包文件,正如其标题所示,是一个整理过的前端开发资源集合,适用于学生进行作业、毕业设计以及实训项目。这个资源库可能包含了各种类型的HTML模板、...

    web 前端项目 压缩文件

    【标题】:“Web前端项目”压缩文件 在Web开发领域,前端部分是用户与网站交互的界面,负责呈现内容和处理用户输入。这个“Web前端项目”压缩文件很可能包含了实现一个完整前端应用所需的所有资源和代码。让我们...

    大学生Web前端期末静态网页设计作业html源代码

    8. **网页性能**:在实际的前端开发中,还会考虑网页加载速度和性能优化,如合并CSS和JavaScript文件减少HTTP请求,压缩图片减小文件大小,以及利用缓存策略提高加载效率。 通过分析这个Web前端作业,学生可以了解...

    前端静态资源可下载学习

    图片的优化对于网页加载速度至关重要,可以通过压缩图片大小、使用适当的文件格式和尺寸来实现。另外,响应式图片也是现代Web开发中的重要特性,允许根据设备的视口大小提供合适的图片版本。 在学习和使用这些静态...

    PC端电脑端商城模板前端静态页面商城模板

    在【压缩包子文件的文件名称列表】"橙色商城web"中,我们可以推测这是一个以橙色为主色调的商城模板。"web"可能表示这是一个Web项目,包含了一系列用于构建网站的文件,比如HTML文件、CSS文件、JavaScript文件以及...

    小米商城前端静态网页

    【小米商城前端静态网页】是基于Web技术构建的用于展示小米产品和服务的非交互式页面。这个项目主要是静态HTML、CSS和可能的JavaScript文件集合,用于呈现类似小米官网的用户体验,但不包含服务器端动态数据处理。...

    css静态资源压缩文件

    本话题聚焦于CSS静态资源的压缩文件,这是前端性能优化的重要环节,旨在减小文件大小,提高页面加载速度,进而提升用户体验。 首先,我们要理解为什么需要对CSS进行压缩。原始的CSS文件往往包含了大量的空格、注释...

    超好用的网站整站静态资源文件CSS\JPG\JS下载神器

    整站资源下载通常是指获取一个网站的所有静态文件,包括CSS、JS、图片、字体等,这对于想要复刻网站设计、分析竞争对手网站或者离线浏览的用户非常有用。这样的工具可以节省手动下载每个文件的时间,提高工作效率。 ...

    纯静态html网页模版

    这种模板主要由HTML文件、样式表文件(CSS)、图像资源和其他可能的静态文件组成,提供了一种快速构建网页结构和布局的框架。 标题中的“纯静态html网页模版”指的是不含任何服务器端动态元素的网页设计模板,它们...

    前端前端静态模板-黑白宽频-学生作业毕设实训素材.zip

    这个压缩文件包含了一个名为"黑白宽频"的项目,它可能是一个简洁而具有现代感的网页设计模板,以黑白色调为主,适应各种屏幕宽度,以实现良好的响应式设计。 首先,我们要理解"前端源码"的概念。前端源码是编写网页...

    推荐2款前端代码压缩工具minifier 推荐2款压缩css代码,js代码的工具

    在优化前端代码的过程中,除了压缩工具外,还可以采用其他策略,如使用CDN加速静态资源加载、利用HTTP缓存机制、合并多个小文件为一个大文件、以及利用懒加载等技术。但需要注意的是,虽然压缩可以显著减小文件大小...

    邮箱管理系统(静态文件)

    为了提高加载速度,静态文件可能经过压缩(Gzip)、合并(CSS/JS文件合并)以及利用CDN(内容分发网络)进行缓存和快速分发。 9. SEO优化: 对于静态页面,优化SEO(搜索引擎优化)可能涉及元标签的设置,如title...

    前端前端静态模板-公司微网站-学生作业毕设实训素材.zip

    6. 文件组织:一个完整的前端项目通常会有明确的文件和目录结构,如分离CSS、JS、图片等资源,以便于管理和维护。 7. 版本控制:在开发过程中,使用Git进行版本控制可以方便团队协作,记录修改历史,便于回溯和合并...

    web前端实时时间背景压缩文件,用户可以直接下载之后加压后导入到自己的前端文件中,也可以自己做一些适当的调试!

    Web前端开发是近几年发展出的一项新技术,是从网页制作演变出来的。 早期的网页开发是应用...web前端实时时间背景压缩文件,用户可以直接下载之后加压后导入到自己的前端文件中,也可以自己做一些适当的调试!

    前端前端静态模板-非响应式蓝白红-学生作业毕设实训素材.zip

    该压缩包文件“前端前端静态模板-非响应式蓝白红-学生作业毕设实训素材.zip”是一个专门针对前端开发的学习资源,适用于学生进行毕业设计和论文撰写时使用。这个项目包含了一个完整的前端应用源码Demo,可以帮助学习...

    jenkins用的静态文件

    - **性能优化**:合理地组织和压缩静态文件,启用HTTP缓存,可以显著提高Jenkins的加载速度和响应效率。 - **自定义界面**:对于有特殊需求的团队,可以通过修改或替换静态文件来定制Jenkins的界面,实现个性化的...

    憨憨公司主页前端【静态】.rar【当最后的前端web课程设计应该可以】

    在压缩包中的“憨憨公司主页前端【静态】”可能包含了以下文件和目录: - `index.html`:主页的HTML文件,定义了网页的基本结构。 - `styles.css`:CSS文件,用于定义页面样式。 - `scripts.js`:JavaScript文件,...

    前端前端静态模板-非响应式乡镇展示模板-学生作业毕设实训素材.zip

    学习如何使用版本控制系统(如Git)来管理静态文件也很重要。 6. **毕业设计与论文** 在这个上下文中,这个模板可以作为毕业设计项目的一部分,帮助学生展示其前端开发技能。同时,源码和成品可以作为论文中的实例...

    前端静态模板-系统后台响应式-学生作业毕设实训素材.zip

    【前端静态模板-系统后台响应式-学生作业毕设实训素材.zip】是一个包含前端应用源码的压缩包,主要用于学生毕业设计和论文实践。这个压缩包聚焦于前端开发中的响应式设计,即网页能根据不同的设备屏幕尺寸自动调整...

Global site tag (gtag.js) - Google Analytics