首頁 探索 說明
登入
Febbweiss
/
springboot-react-webpack
镜像来自 https://github.com/Febbweiss/springboot-react-webpack
1
0
複刻 0
檔案 問題管理 0 Wiki
瀏覽代碼

Fix: resources path and CSS bundle

fecaille 9 年之前
父節點
c43fdf9f95
當前提交
2115d30c32
共有 4 個文件被更改，包括 8 次插入 和 17 次删除
統一視圖 顯示文件統計
  1. 1 0
      src/main/resources/static/js/app.render.jsx
  2. 1 1
      src/main/resources/templates/fragments/header.html
  3. 1 1
      src/main/resources/templates/index.html
  4. 5 15
      webpack.config.js

+ 1 - 0
src/main/resources/static/js/app.render.jsx
查看文件 

@@ -8,6 +8,7 @@ import App from './app.jsx';
 
 
 
 
 
 require('bootstrap/dist/css/bootstrap.css');
 
 require('bootstrap/dist/css/bootstrap.css');
 
+require('../css/comments.css');
 
 
 
 global.renderClient = function (comments) {
 
 global.renderClient = function (comments) {
 
     var data = comments || [];
 
     var data = comments || [];

+ 1 - 1
src/main/resources/templates/fragments/header.html
查看文件 

@@ -24,7 +24,7 @@
 
 						</ul>
 
 						</ul>
 
 						<ul class="nav navbar-nav navbar-right">
 
 						<ul class="nav navbar-nav navbar-right">
 
 							<li>
 
 							<li>
 
-								<a href="/signin" th:href="@{/signin}">Sign in</a>
 
+								<a href="/signin" th:href="@{/signin}" class="glyphicon glyphicon-user">Sign in</a>
 
 							</li>
 
 							</li>
 
 						</ul>
 
 						</ul>
 
 					</div>
 
 					</div>

+ 1 - 1
src/main/resources/templates/index.html
查看文件 

@@ -4,7 +4,7 @@
 
 	<meta charset="UTF-8" />
 
 	<meta charset="UTF-8" />
 
 	<title>Comments channel</title>
 
 	<title>Comments channel</title>
 
 	<link rel="stylesheet" href="/css/vendors.css" />
 
 	<link rel="stylesheet" href="/css/vendors.css" />
 
-	<link rel="stylesheet" href="/css/comments.css" />
 
+	<link rel="stylesheet" href="/css/app.css" />
 
 </head>
 
 </head>
 
 <body>
 
 <body>

+ 5 - 15
webpack.config.js
查看文件 

@@ -19,8 +19,7 @@ var config = {
 
     debug: true,
 
     debug: true,
 
     output: {
 
     output: {
 
         path: './target/classes/static/js',
 
         path: './target/classes/static/js',
 
-        filename: '[name].bundle.js',
 
-        
+        filename: '[name].bundle.js'        
     },
 
     },
 
     plugins: [
 
     plugins: [
 
         new ExtractTextPlugin("../css/[name].css"),
 
         new ExtractTextPlugin("../css/[name].css"),
 
@@ -41,30 +40,21 @@ var config = {
 
 				test: /\.css$/, 
 				test: /\.css$/, 
 				loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader") 
 				loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader") 
 			},
 
 			},
 
-            { 
-				test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff(2)?$|\.ttf$|\.wav$|\.mp3$/, 
-				loader: require.resolve("file-loader") + "?name=../[path][name].[ext]"
 
-			},
 
 			{ 
 			{ 
             	test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
             	test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
-            	loader: "file" 
+            	loader: "file?name=../css/[name].[ext]" 
             },
 
             },
 
 			{ 
 			{ 
             	test: /\.(woff|woff2)$/, 
             	test: /\.(woff|woff2)$/, 
-            	loader:"url?prefix=font/&limit=5000" 
+            	loader:"url?prefix=font/&limit=5000&name=../css/[name].[ext]" 
             },
 
             },
 
 			{ 
 			{ 
             	test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
             	test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
-            	loader: "url?limit=10000&mimetype=application/octet-stream" 
+            	loader: "url?limit=10000&mimetype=application/octet-stream&&name=../css/[name].[ext]" 
             },
 
             },
 
 			{ 
 			{ 
             	test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
             	test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
-            	loader: "url?limit=10000&mimetype=image/svg+xml" 
-            },
 
-            {
 
-            	test: path.join(__dirname, '.'),
 
-            	exclude: /(node_modules)/,
 
-            	loader: 'babel-loader'
 
+            	loader: "url?limit=10000&mimetype=image/svg+xml&&name=../css/[name].[ext]" 
             }
 
             }
 
         ]
 
         ]
 
     },
 
     },