我创建了一个spring应用程序,它可以加载一个jsp页面。这个jsp包含一个html页面,它引用了所有的javascript和amp; css文件。这个html以及所有js& css文件是使用webpack创建的。现在运行应用程序,它无法找到js& css文件,虽然它正在加载html文件
JSP
这个jsp只包含html页面。此app.html
是使用webpack
创建的。其中public
是webpack
存储生成文件的文件夹。这是在webpack.config.js
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<jsp:include page="../../public/app.html"></jsp:include>
我正在使用webpack HtmlWebpackPlugin
来创建html页面。以下是用于生成HTML文件的基本webpack配置
plugins: [
new HtmlWebpackPlugin({ // Will create a base html file
title: 'Webpack demo',
filename: 'app.html', // new file that will be created
template: './views/index.html', // template file
inject: 'body' // scripts & css will be included in body
}),
new ExtractTextPlugin('app.main.css') // for css
]
这将创建HTML文件,并将在此html中注入css
和js
个文件
这也将照顾这些js&amp; amp; css文件位于。
以下是生成的HTML文件
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link href="app.main.css" rel="stylesheet"></head>
<body>
<script type="text/javascript" src="manifest.02a08507b8282060709c.js">
</script><script type="text/javascript" src="vendor.6d74f16c09917449a7c6.js"></script>
<script type="text/javascript" src="app.5ea1ec15937cea814094.js"></script></body>
</html>
问题
虽然应用程序能够加载jsp及其包含的html页面但是它无法引用js&amp; css页面,包含在此html的body
中。但是当我在浏览器中直接打开这个app.html
页面时,它指的是所有的js&amp; css页。
以下是一些插图快照
项目结构
从开发者工具中检查