`
pluto418
  • 浏览: 168602 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

JS,CSS, Maven打包压缩合并

阅读更多

Maven项目Pom文件中添加

<build>
		<plugins>
			<plugin>
				<groupId>net.alchim31.maven</groupId>
				<artifactId>yuicompressor-maven-plugin</artifactId>
				<executions>
					<execution>
						<id>yuicompressor</id>
						<phase>prepare-package</phase>
						<goals>
							<goal>compress</goal>
						</goals>
					</execution>
				</executions>
				<configuration>
					<!-- 读取js,css文件采用UTF-8编码 -->
					<encoding>UTF-8</encoding>
					<!-- 不显示js可能的错误 -->
					<jswarn>false</jswarn>
					<!-- 若存在已压缩的文件,会先对比源文件是否有改动 有改动便压缩,无改动就不压缩 -->
					<force>false</force>
					<!-- 在指定的列号后插入新行 -->
					<linebreakpos>-1</linebreakpos>
					<!-- 压缩之前先执行聚合文件操作 -->
					<preProcessAggregates>false</preProcessAggregates>
					<!-- 压缩后保存文件后缀 
					<suffix>.min</suffix>
					-->
					<nosuffix>true</nosuffix>
					<!-- 压缩js和css文件 -->
					<includes>
						<include>**/*.js</include>
						<include>**/*.css</include>
					</includes>
					<!-- 以下目录和文件不会被压缩 -->
					<excludes>
						<exclude>**/*.min.css</exclude>
						<exclude>**/*-min.css</exclude>
						<exclude>**/*.min.js</exclude>
						<exclude>**/*-min.js</exclude>
					</excludes>
					<!-- 压缩文件 -->
					<aggregations>
					    <!-- css 文件压缩成一个文件  -->
						<aggregation>
							<!-- 合并每一个文件后插入一新行 -->
							<insertNewLine>true</insertNewLine>
							<!-- 需合并文件的根文件夹 -->
							<inputDir>${project.build.directory}</inputDir>
							<!-- 最终合并的输出文件 -->
							<output>${project.build.directory}/${project.build.finalName}/staicfile/css/selcss.pack.css</output>
							<!-- 把以下js文件合并成一个js文件,是按顺序合并的 -->
							<includes>
								<include>**/css/*.css</include>
							</includes>
						</aggregation>
						<!-- js 文件压缩成一个文件  -->
						<aggregation>
							<insertNewLine>true</insertNewLine>
							<inputDir>${project.build.directory}</inputDir>
							<output>${project.build.directory}/${project.build.finalName}/staicfile/js/seljs.pack.js</output>
							<includes>
								<include>**/js/*.js</include>
							</includes>
							<excludes>
								<exclude>**/*.min.js</exclude>
								<exclude>**/*-min.js</exclude>
							</excludes>
						</aggregation>
					</aggregations>
				</configuration>
			</plugin>

 

分享到:
评论

相关推荐

    maven打包使用yui压缩css和js文件

    在现代Web开发中,优化网页性能是至关重要的,其中一项策略就是对CSS和JavaScript文件进行压缩,以减少页面加载时间。Maven作为一个强大的Java项目管理工具,提供了与各种构建优化工具集成的能力,其中包括使用YUI ...

    使用Ant构建批量压缩js、css文件脚本

    在本场景中,我们将关注如何利用Ant来批量压缩JavaScript(js)和CSS(css)文件,以优化网页加载速度并减小文件体积。这主要涉及到两个知识点:Ant脚本编写和文件压缩技术。 首先,让我们了解一下Ant。Ant是基于...

    maven笔记:maven-overlay-实战笔记

    在描述中提到的博客链接,虽然无法直接访问,但根据常见的 Maven overlay 实战场景,我们可以推断博主可能分享了如何设置和使用 Maven overlay 来合并多个 Web 项目的资源,如 JSP 页面、CSS、JavaScript 文件等,以...

    mvn 配置 yui 自动 打包

    YUI Compressor是一款高效的JavaScript和CSS压缩工具,它能够删除代码中的空格、注释并合并多个文件,从而减少文件大小,提升网页加载速度。 首先,让我们深入了解Maven。Maven是一个基于项目对象模型(Project ...

    buildfrontend-maven-plugin-demo:buildfrontend-maven-plugin 的演示项目

    `buildfrontend-maven-plugin` 插件则专注于前端构建,包括但不限于编译ES6/ESNext到ES5,处理Sass/LESS到CSS,压缩和合并JavaScript和CSS文件,以及处理静态资源的版本控制等。 【JavaScript在Web开发中的角色】 ...

    gradle-css-plugin-1.8.3.zip

    该插件1.8.3版本提供了对CSS文件的编译、压缩、合并等功能,帮助开发者优化前端资源,提升网页加载速度。通过使用这个插件,开发者可以轻松地集成LESS、SASS等预处理器,实现CSS模块化管理,同时还可以进行自动化的...

    学习使用grunt来打包JavaScript和CSS程序的教程

    以上配置中,Grunt将执行以下任务:首先合并`src/js`目录下的所有JavaScript文件到`dist/js/bundle.js`,然后对合并后的文件进行压缩生成`dist/js/bundle.min.js`;接着,合并并压缩`src/css`目录下的所有CSS文件到`...

    src打包.zip

    3. 资源处理:处理图片、CSS、JavaScript等资源,可能包括压缩、合并等操作。 4. 测试:运行自动化测试确保代码质量。 5. 打包:将编译后的文件和资源打包成指定格式,如JAR、WAR、EAR或ZIP。 6. 签名和验证:对于...

    Apache MyFaces Trinidad Maven Plugins.zip

    2. **资源处理**:MyFaces Trinidad Maven插件可以处理项目的资源文件,如CSS样式表、JavaScript文件和图像,确保它们在构建过程中被正确地处理和优化,提高应用的性能。 3. **元数据管理**:插件可以帮助管理项目...

    resources-optimizer-maven-plugin-1.1.0.zip

    资源优化Maven插件是Java开发中的一个关键工具,它主要负责优化项目中的资源文件,如JavaScript、CSS、图片等,以提升应用的加载速度和性能。在标题中提到的"resources-optimizer-maven-plugin-1.1.0.zip"是一个特定...

    j2ee maven 结合gulp构建工具构建 war 自动刷新浏览器缓存

    相比Maven,Gulp更注重于前端构建,如自动编译Sass、CoffeeScript,合并CSS和JavaScript,以及自动刷新浏览器等。 将Maven与Gulp结合,可以在J2EE项目中利用Gulp的强大功能。在Maven的生命周期中,我们可以定义一个...

    java打包工程

    4. **优化**:去除未使用的代码(tree shaking),合并CSS和JavaScript文件,以及压缩代码以减少文件大小。 5. **生成输出**:生成优化后的HTML、CSS和JavaScript文件,供浏览器使用。 6. **静态资源处理**:处理...

    软件、项目打包

    - **Web项目**:对于Web应用,打包可能涉及HTML、CSS、JavaScript文件的合并和压缩,以减少加载时间。工具如Webpack、Gulp、Grunt能完成这个任务,并且可以处理模块化依赖。 - **移动应用**:Android Studio和...

    grunt-maven-plugin-sandbox:用于玩弄 grunt-maven-plugin 的沙箱

    这样,Maven 用户可以利用 Grunt 的强大功能,如 CSS 优化、JavaScript 模块打包等,同时保持 Maven 的统一构建流程。通过在 Maven 的 POM.xml 文件中配置 `grunt-maven-plugin`,开发者可以指定需要执行的 Grunt ...

    gwt-maven-plugin

    `gwt-maven-plugin`可以帮助管理和优化这些资源,例如合并、压缩和版本控制。 6. **依赖管理**:通过Maven,插件可以自动解决GWT库和其他相关依赖,避免手动管理jar文件的繁琐工作。 7. **多目标支持**:Maven插件...

    frontline-maven-plugin

    3. **资源优化**:插件可以进行资源的压缩、合并和版本控制,例如,将多个JavaScript文件合并成一个文件,减少HTTP请求,提高页面加载速度。 4. **构建输出**:它可以将处理后的前端资源复制到Maven的输出目录,与...

    BootReactMavenBuild-源码.rar

    5. **前端构建工具**:React项目通常会使用Webpack或Parcel等工具来处理模块打包,它们将JavaScript、CSS、图片等资源进行合并、压缩和优化,以便在浏览器中高效运行。 6. **npm**:作为Node.js的包管理器,npm用于...

    datecalc-jdk8-1.3.0.zip

    3. **自动化**:GruntJS提供了丰富的插件来自动完成前端工作,如CSS预处理器(如Sass、Less)、JavaScript压缩和合并、图片优化等。 4. **版本控制**:由于使用了Git,开发者可以跟踪项目历史,协作开发,并轻松回滚...

    java后端将html转换pdf.zip

    - **iText**: 是一个强大的PDF处理库,可以用于创建、修改和合并PDF文档。结合Flying Saucer,可以实现HTML到PDF的转换。 - **Apache PDFBox**: Apache基金会提供的另一个PDF库,虽然主要关注PDF的生成和操作,但...

Global site tag (gtag.js) - Google Analytics