【vue】webpack打包vue项目并且运行在Tomcat里面

最新推荐文章于 2021-07-03 16:38:49 发布

Java_chaozi

最新推荐文章于 2021-07-03 16:38:49 发布

阅读量4.2k

点赞数

分类专栏：前端开发文章标签： tomcat vue webpack java 前端

本文链接：https://blog.csdn.net/Java_chaozi/article/details/77917847

版权

本文介绍了如何将Vue项目使用Webpack打包，并部署到Tomcat服务器上。步骤包括在package.json添加脚本，编写webpack.publish.config.js配置，执行打包命令，以及在JavaWeb项目中正确放置静态资源和设置URL转发。

摘要由CSDN通过智能技术生成

在package.json里面是script加入脚本

"publish": " webpack --config webpack.publish.config.js  -p"

编写webpack.publish.config.js

const webpack=require("webpack");
const path = require('path');
const node_modules = path.resolve(__dirname, 'node_modules');
const UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const HtmlwebpackPlugin=require("html-webpack-plugin");
const CleanWebpackPlugin = require('clean-webpack