我需要将我的react应用程序部署到spring boot应用程序中。
在我的春季启动应用程序src / main创建的js文件夹中,我从这里粘贴了所有反应代码(package.json,src,webpack.config.js,.babelrc,package-lock.json,public)
npm run-script build
命令将在构建文件夹中创建bundle.js
文件,从此处复制bundle.js
文件并粘贴到src/main/resources/static
文件夹并创建index.html
调用此bundle.js
这工作正常。
以下是我的webpack.config.js
文件
const path = require('path')
const webpack = require('webpack')
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js'
},
devServer: {
port: 3000
},
module: {
rules: [
{test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'},
{test: /\.css$/, loader: 'style-loader!css-loader'},
{test: /\.less$/, loader: 'style!css!less'},
// Needed for the css-loader when [bootstrap-webpack](https://github.com/bline/bootstrap-webpack)
// loads bootstrap's css.
{ test: /\.(eot|svg|ttf|woff|woff2|png|gif|jpg)$/, loader: 'file-loader?name=public/fonts/[name].[ext]' }
]
}
}
但我想避免在静态文件夹中构建反应和粘贴的手动工作。请使用build.gradle
文件告诉我如何执行此操作。