通过 m2e 自动更新生成的 css 文件

2024-04-27

我正在使用lesscss-maven-plugin生成不同的css文件到目标目录(target\generated-sources)然后使用maven-war-plugin将此目录添加为 webResouce。这些文件将完美生成。

但是,m2e-plugin(版本 1.0.0)不会将这些文件复制到相应的 web-resources 文件夹中(m2e-wtp\web-resources),当他们有changed。只有当我运行 eclipse“maven/update 项目”时,更改才会更新。但我希望当文件更改时更改自动生效。这是我的 pom 配置:

<plugin>
<groupId>org.eclipse.m2e</groupId>
<artifactId>lifecycle-mapping</artifactId>
<version>1.0.0</version>
<configuration>
    <lifecycleMappingMetadata>
        <pluginExecutions><pluginExecution>
                <pluginExecutionFilter>
                    <groupId>org.lesscss</groupId>
                    <artifactId>lesscss-maven-plugin</artifactId>
                    <versionRange>[1.3.3]</versionRange>
                    <goals>
                        <goal>compile</goal>
                    </goals>
                </pluginExecutionFilter>
                <action>
                    <execute>
                        <runOnIncremental>true</runOnIncremental>
                        <runOnConfiguration>true</runOnConfiguration>
                    </execute>
                </action>
            </pluginExecution>  
        </pluginExecutions>
    </lifecycleMappingMetadata>
</configuration>

....

<plugin>
    <groupId>org.lesscss</groupId>
    <artifactId>lesscss-maven-plugin</artifactId>
    <version>1.3.3</version>
    <configuration>
        <sourceDirectory>${project.basedir}/src/main/less</sourceDirectory>
        <outputDirectory>${project.build.directory}/generated-sources/styles</outputDirectory>
        <lessJs>${project.basedir}/tools/less/less-1.7.0.min.js</lessJs>
        <includes>
            <include>backend/backend-main.less</include>
            <include>frontend/frontend-main.less</include>
        </includes>
    </configuration>
    <executions>
        <execution>
            <phase>process-resources</phase>
            <goals>
                <goal>compile</goal>
            </goals>
        </execution>
    </executions>
</plugin>

<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-war-plugin</artifactId>
    <version>2.4</version>
    <configuration>              
        <webResources>
            <resource>
                <directory>${project.build.directory}/generated-sources/styles</directory>
                <targetPath>styles</targetPath>
            </resource>
        </webResources>
    </configuration>
</plugin>

有两种选择:

使用 m2e 特定配置文件

这与您找到的解决方法类似,但更简洁,因为它仅在 m2e 上激活配置文件,并且当您不使用 m2e 进行打包时,您可以使用属性来设置替代值。

您创建一个 m2e 特定配置文件,激活后,会将文件直接放入m2e-wtp/web-resources/styles目录

<properties>      
    <lesscss.outputDirectory>${project.build.directory}/${project.build.finalName}/styles</lesscss.outputDirectory>
</properties>

<profiles>
    <profile>
        <id>m2e</id>
            <activation>
                <property>
                    <name>m2e.version</name>
                </property>
            </activation>
            <properties>
                <lesscss.outputDirectory>${project.build.directory}/m2e-wtp/web-resources/styles</lesscss.outputDirectory>
            </properties>
    </profile>
</profiles>

<plugin>
    <groupId>org.lesscss</groupId>
    <artifactId>lesscss-maven-plugin</artifactId>
    <version>1.3.3</version>
    <configuration>
        <sourceDirectory>${project.basedir}/src/main/webapp/styles</sourceDirectory>
        <outputDirectory>${lesscss.outputDirectory}</outputDirectory>      
    </configuration>
    <executions>
        <execution>
            <goals>
                 <goal>compile</goal>
            </goals>
            <phase>process-sources</phase>
        </execution>
    </executions>
</plugin>

Source: https://github.com/marceloverdijk/lesscss-maven-plugin/issues/8 https://github.com/marceloverdijk/lesscss-maven-plugin/issues/8

使用 m2e-wro4j

它承诺:

执行 wro4j-maven-plugin:如果在 wro4j-maven-plugin 的 contextFolder 下(默认为 src/main/webapp)下的 css、js、less、json、sass 资源上检测到更改,则在 Eclipse 增量构建上运行

Source: https://github.com/jbosstools/m2e-wro4j https://github.com/jbosstools/m2e-wro4j

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过 m2e 自动更新生成的 css 文件 的相关文章

随机推荐