webjars類型的前端jar包

我(wo)們可以將公(gong)用(yong)(yong)的js,css,html,vue,shtml打包成(cheng)一(yi)個jar，然后在其他項目中(zhong)引用(yong)(yong)，這(zhe)(zhe)樣就(jiu)不用(yong)(yong)每個項目都去引用(yong)(yong)一(yi)遍了，這(zhe)(zhe)樣就(jiu)可以實(shi)現前(qian)端(duan)的公(gong)用(yong)(yong)了。

1.創建一個maven項目，添加依賴和插件

  <dependencies>
        <!-- 依賴webjars-locator-core -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>webjars-locator-core</artifactId>
            <version>0.46</version>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <!-- 使用maven-resources-plugin將靜態資源打包到JAR文件中 -->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <version>3.2.0</version>
                <executions>
                    <execution>
                        <id>copy-resources</id>
                        <phase>validate</phase><!-- mvn package or mvn install之后將會把靜態static文件夾打包到jar里-->
                        <goals>
                            <goal>copy-resources</goal>
                        </goals>
                        <configuration>
                            <outputDirectory>
                                ${project.build.directory}/classes/META-INF/resources/webjars/${artifactId}/${version}/
                            </outputDirectory>
                            <resources>
                                <resource>
                                    <directory>src/main/resources/static</directory>
                                </resource>
                            </resources>
                        </configuration>
                    </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

我們在(zai)resources目(mu)錄(lu)下，添加static目(mu)錄(lu)，把我們的js,css都放(fang)到這(zhe)個目(mu)錄(lu)下，然后使(shi)用maven-resources-plugin插(cha)件將靜態資(zi)源打(da)包到JAR文(wen)件中，這(zhe)樣就可以將靜態資(zi)源打(da)包到jar里(li)了。

目錄結構

在其它項目中直接引用包里的文件

<script th:src="@{/webjars/lind-schedule-web/1.1.3-SNAPSHOT/js/index.js}"></script>