webjars類型的前端jar包

我們可以將公用的js,css,html,vue,shtml打包成一個(gè)jar，然后在其他項(xiàng)目中引用，這樣就不用每個(gè)項(xiàng)目都去引用一遍了，這樣就可以實(shí)現(xiàn)前端的公用了。

1.創(chuàng)建一個(gè)maven項(xiàng)目，添加依賴和插件

  <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將靜態(tài)資源打包到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之后將會(huì)把靜態(tài)static文件夾打包到j(luò)ar里-->
                        <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>

我們?cè)趓esources目錄下，添加static目錄，把我們的js,css都放到這個(gè)目錄下，然后使用maven-resources-plugin插件將靜態(tài)資源打包到JAR文件中，這樣就可以將靜態(tài)資源打包到j(luò)ar里了。

目錄結(jié)構(gòu)

在其它項(xiàng)目中直接引用包里的文件

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