webjars類型的前端jar包

我們可以將公用的js,css,html,vue,shtml打包成一個jar，然後在其他項目中引用，這樣就不用每個項目都去引用一遍了，這樣就可以實現前端的公用了。

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>

我們在resources目錄下，添加static目錄，把我們的js,css都放到這個目錄下，然後使用maven-resources-plugin插件將靜態資源打包到JAR文件中，這樣就可以將靜態資源打包到jar里了。

目錄結構

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

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

作者：倉儲大叔，張占嶺，
榮譽：微軟MVP
QQ：853066980

支付寶掃一掃，為大叔打賞!