使用 npm 打包项目

1.安装 Node （自带npm）
2.进入目录（例子：/H:\idea_workspace\*进入项目web 目录*\web）
3.执行命令 npm install #下载node 需要的模块
4.执行 npm run build #构建项目

5.退出到项目根目录执行 mvn clean package -Dmaven.test.skip=true

或者

在[MavenProject] -->ProjectName(root)-->Lifecycle-->clean-->install

# 生成工程的 app.jar 包

6.在 resources目录下创建templates的文件夹
6.把 static 目录下生成的 ***.html 文件复制到templates目录下，重启项目
7.启动项目，访问路径 http://localhost:8080/[首页].html
8.用户名 admin 密码：admin@qq.com

使用 npm 打包项目相关推荐

React基础篇（三）之 webpack打包项目配制
1.本篇章配置一个 webpack 打包项目 2.简述 jsx 语法配置支持 1 初始化项目使用 IDE 打开目录在命令行中初化化项目 npm init -y 然后安装 webpack cnpm ...
【Vue】下载依赖包node_modules 打包项目
一.下载依赖包node_modules 拷贝或上传一份Vue的代码时,通常会删掉依赖包node_modules, 因为这个包太大了,而且运行项目的时候,如果没有依赖包,重新下载就可以. 操作步骤: 1 ...
记录vue-cli2打包项目静态文件夹static到七牛云存储上，并使用七牛云融合cdn的过程
前言:vue-cli2打包项目静态文件夹static到七牛云存储上,并使用七牛云融合cdn 1.前期准备 npm install --save jsonfile jsonfile扩展说明文档 npm ...
vue项目打包步骤及运行打包项目
** 1.项目打包 ** 终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 点击index.html,通过浏览器运行,出现以下报错,如图: 解决: 修改 1.查看pack ...
maven中打包项目为war包的pom.xml配置
maven中打包成war包的pom.xml配置 (1)完整配置:这个是使用servlet的完整配置,其他的类似. <project xmlns="http://maven.apache ...
java maven 编译清理测试打包项目
目录一.创建Maven项目 1.1.建立Hello项目 1.2.使用Maven编译.清理.测试.打包项目 1.2.组合使用Maven的命令二.在别的项目中使用通过Maven安装生成的项目的jar包 ...
VS打包项目详细解析
使用VS打包项目,其实很多简单.微软官方文档很详尽,故不再细述,只列出相关链接 1创建安装项目如何:创建或添加部署项目 2 添加项目输出如何:向部署项目中添加项 3添加用户界面部署中的用户 ...
es6+angular1.X+webpack 实现按路由功能打包项目
需求来源之前使用jspm来打包项目但是有个最大的缺点,就是只能把项目打包成一个大的js,当项目开发到后期会很大,网上找了很久也没找到合理的jspm打包方式. 所以开始调研可以打包angular项目 ...
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目参考文章: (1)vue-cli3.x正确打包项目,解决静态资源与路由加载无 ...
npm ERR! code ERR_STREAM_WRITE_AFTER_END npm install 报错实力踩坑npm，自从用了npm之后项目构建和插件管理确实方便了很多，但也是被坑的不要不要的
实力踩坑npm,自从用了npm之后项目构建和插件管理确实方便了很多,但也是被坑的不要不要的.由于平时只是用用,并没有深入了解node的npm,所以遇到问题都比较棘手,能够查到的资料也不多.阐述以下我遇 ...

使用 npm 打包项目

使用 npm 打包项目相关推荐

最新文章

热门文章