Question

在少编译之前，我在pages / dashboard.less

中有以下css代码

// main:../build/dashboard.less, compress: true, strictMath: true
#dash-container {
    height: calc(100vh - 130px);
}

在build / dashboard.less中我有以下代码

// out: ../../css/dashboard.css, compress: true, strictMath: true
@import "common.less";

在我的css / dashboard.css中，当我使用括号编辑器编译较少时，我有以下代码

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 
#dash-container{height:calc(100vh - 130px);}

但是当我使用lesscss-maven-plugin构建时，我得到以下css代码。这不是正确的。我得错了编译的CSS。谁能帮我。

    #dash-container{height:calc(-30vh);}

Answer 1

您应该为lesscss-maven-plugin配置添加相同的编译参数。官方org.lesscss:lesscss-maven-plugin不支持自定义参数，但您可以使用替代插件biz.gabrys.maven.plugins:lesscss-maven-plugin：

<plugin>
    <groupId>biz.gabrys.maven.plugins</groupId>
        <artifactId>lesscss-maven-plugin</artifactId>
        <version>1.2.0</version>
        <executions>
            <execution>
                <id>default-lesscss</id>
                <goals>
                    <goal>compile</goal>
                </goals>
                <configuration>
                    ...
                    <compress>true</compress>
                    <compilerOptions>
                        <compilerOption>--strict-math=on</compilerOption>
                    </compilerOptions>
                </configuration>
            </execution>
        </executions>
    </plugin>
</plugins>

lesscss-maven-plugin没有正确缩小

1 个答案: