利用webpack-war-plugin打war包
2023-03-14 22:55:31 时间
如何使用 webpack 将前端打成 war 包呢?其实 webpack 的插件库中提供了一个叫 webpack-war-plugin 的插件,可以很便捷的做到这一点。
- 安装 webpack-war-plugin
npm install -D webpack-war-plugin
复制代码
- 我这里是 vue-cli3 的环境,所以需要先新建 vue.config.js 文件
"use strict";
const { WebpackWarPlugin } = require("webpack-war-plugin");
// 开发模式
const isDevMode = process.env.NODE_ENV === "development";
const plugins = [];
// 只有在打包时才需要用到 webpack-war-plugin 这个插件
if (!isDevMode) {
plugins.push(
new WebpackWarPlugin({
archiveName: "test",
webInf: "./web-inf",
additionalElemens: [
{ path: "context/context.xml", destPath: "META-INF/context.xml" },
{ path: "package.json" },
{ path: "images", destPath: "assets/images" },
],
})
);
}
let webpack = {
plugins,
};
module.exports = {
configureWebpack: webpack,
};
复制代码
- 最后运行 npm run build 进行打包,我这里报了一个缺少 core-js 库中一个文件的错误,我重新安装了一下 core-js 就好了。
相关文章
- 上云也挺难?我们如何对数十个云账号、数百个子网做好状态监控
- 通过 OverProvisioning 提高EKS弹性伸缩效率
- python ipython 包
- Amazon GameTech架构最佳实践系列 —— MOBA/FPS网络加速篇
- Amazon GameTech 架构最佳实践系列 —— MOBA/FPS数据分析篇
- 快速搭建 AWS Glue ETL 开发环境
- 通过亚马逊云科技Marketplace中合作伙伴(Zenlayer)的产品来加速Amazon S3的访问
- 手把手教程|构建无服务器通用文本识别功能
- Amazon EC2 Spot 实例在AWS EMR 集群中的成本优化应用实践
- 加快企业转型和创新的 5 个步骤
- 基于 Amazon Lambda 的无服务器视频转码方案
- Karpenter : 新一代 Kubernetes auto scaling 工具
- 使用Kubeadm在亚马逊云科技国内区域自建Kubernetes集群 (一) 自建Kubernetes集群和挂载持久化存储
- 通过 Amazon CloudFront 实时日志快速构建自定义的 CDN 监控
- 在多账户场景下将 Amazon WAF 安全自动化解决方案与 Amazon Firewall Manager 结合使用
- 静态属性 java_java静态属性初始化注意
- 使用 Amazon WAF 进行 Captcha人机验证
- 扩展 Amazon SageMaker PyTorch 容器
- 全面的技能培养加快云成果的实现
- Amazon EKS 版本管理策略与升级流程