创建一个执行所需Maven命令的脚本

Question

我将我的pom.xml配置为使用sass-maven-plugin，但我希望每次保存style.scss时都执行编译。使用此配置需要打开Windows终端并运行“maven clean install”，并且需要打开此终端以实时编译SCSS文件。

有可能只使用Eclipse吗？

我项目中的pom.xml就像这样：

<build>
    <plugins>
        <plugin>
            <groupId>org.jasig.maven</groupId>
            <artifactId>sass-maven-plugin</artifactId>
            <version>1.1.1</version>
            <executions>
                <execution>
                    <id>compile</id>
                    <phase>prepare-package</phase>
                    <goals>
                        <goal>update-stylesheets</goal>
                    </goals>
                </execution>
            </executions>
            <configuration>
                <resources>
                    <resource>
                        <source>
                            <directory>${basedir}/src/main/resources/META-INF/resources/scss</directory>
                        </source>
                        <destination>${basedir}/src/main/resources/META-INF/resources/css</destination>
                    </resource>
                </resources>
                <sassOptions>
                    <cache>false</cache>
                    <always_update>true</always_update>
                </sassOptions>
            </configuration>
        </plugin>
    </plugins>
</build>

Answer 1

对于自动编译运行sass-maven-plugin的观察目标：

mvn sass:watch

查看本教程了解更多信息：http://cleancodejava.com/auto-compile-sass-stylesheets-with-maven/

Answer 2

以下解决方案基于此页面上的指南：http://www.crazed.org.uk/2012/04/integrating-compass-into-eclipse/。

必要的步骤是：

创建一个执行所需Maven命令的脚本

在项目的根目录下创建一个批处理文件（例如$ {PROJECT_ROOT} /sass_build.bat），在pom.xml旁边，包含以下代码

call mvn sass:update-stylesheets

配置Eclipse以在每次保存SCSS文件时执行脚本

如果还没有，请打开项目属性窗口（项目＆gt;属性），然后导航到“构建器”部分。
点击[新建...]
将出现标题为“选择配置类型”的对话框。选择“程序”和[确定]。
将显示构建器设置的“编辑配置”窗口。将新构建器命名为相关的 - 在本例中，我使用了“SASS Build”;
带有注释的标签部分：
- 主页面配置外部程序
  - 位置：批处理脚本的路径。这必须位于环境路径中（在“环境”页面中设置），或者是完整路径。例如。[$ {PROJECT_ROOT} /sass_build.bat]就我而言。
  - 工作目录：您希望sass运行的项目路径。例如。 [$ {PROJECT_ROOT}]
- 下一个TAB 刷新指定程序编译完成后您要执行的操作。我希望Eclipse能够识别更新的css文件！
  - '完成后刷新资源'[已检查]
  - '特定资源'设置为保存css文件的输出文件夹。例如。 [$ {PROJECT_ROOT} / SRC /主/ web应用/ CSS]
- 环境允许您设置适用于命令行或应用程序的特定变量（无需更改）
- 构建选项 - 触发此构建器的原因是什么？加上杂项。
  - '分配控制台'[已选中]，以便我们可以在控制台面板中看到结果
  - 运行构建器：[清理后]，[手动构建期间]和[自动构建期间]。
  - '指定相关资源的工作集'[已选中] - 将此设置为sass源文件夹 - 在我的情况下，[$ {PROJECT_ROOT} / src / main / resources / scss]。在此文件夹中找到的任何更改都将触发此构建器。
完成所有操作后，[确定]配置。新构建器应显示为列表的最后一项。
确保Project＆gt;已自动编译菜单以启用自动编译。

测试你的创作。修改SCSS文件并保存。 Eclipse应该接收更改，将SCSS文件编译为CSS文件并将其放在正确的目标文件夹中。运气好的话，Tomcat将接收更改并部署更改的资源。

重启TomCat时使用sass-maven-plugin编译* .scss文件

2 个答案:

创建一个执行所需Maven命令的脚本

配置Eclipse以在每次保存SCSS文件时执行脚本