后端项目中构建前端模块问题记录

后端项目中在登陆页面使用jsp,后端项目会通过接口返回给前端几个js的路径,这几个js呢,是由后端先构建好,然后返回给前端路径的,前端通过这个路径访问js执行。。。

总之,很奇怪的项目。。

1、首先要安装node

我建议安装nvm,它是一个node的管理器,可以用它来切换不通版本node,

下载nvm:Release 1.1.9 · coreybutler/nvm-windows · GitHub, 下完exe直接执行

具体方式可以参考:nvm详细安装使用教程(nvm-node多版本管理工具)_安装nvm-CSDN博客

2、安装完nvm后,再安装node,最新版本都是21了,由于我这个项目比较老,所以我只能安装版本11.15.0的(不然版本太高执行package.json的命令有问题(不清楚为什么高版本还不兼容低版本。。。。))

安装完node后,使用nvm use 11.15.0 ,切换到node这个版本使用

3、安装webpack

然后这时候就报错了,说什么webpack和webpack-cli不兼容什么的

因为我之间下载了webpack-cli 5.x版本的。。。

所以我就卸载重装了webpack-cli 4.x的

4、配置idea

配置好idea上的配置,后面执行这个进行构建

然后点击构建,可以看到就成功构建了

js文件也都有了

5、最后别忘了再打后端的包部署 OVER

相关推荐
程序员清洒1 小时前
Flutter for OpenHarmony:GridView — 网格布局实现
android·前端·学习·flutter·华为
VX:Fegn08951 小时前
计算机毕业设计|基于ssm + vue超市管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
0思必得02 小时前
[Web自动化] 反爬虫
前端·爬虫·python·selenium·自动化
LawrenceLan2 小时前
Flutter 零基础入门(二十六):StatefulWidget 与状态更新 setState
开发语言·前端·flutter·dart
秋秋小事2 小时前
TypeScript 模版字面量与类型操作
前端·typescript
2401_892000522 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加提醒实现
前端·javascript·flutter
Yolanda943 小时前
【项目经验】vue h5移动端禁止缩放
前端·javascript·vue.js
广州华水科技4 小时前
单北斗GNSS形变监测一体机在基础设施安全中的应用与技术优势
前端
EndingCoder4 小时前
案例研究:从 JavaScript 迁移到 TypeScript
开发语言·前端·javascript·性能优化·typescript
阿珊和她的猫5 小时前
React 路由:构建单页面应用的导航系统
前端·react.js·状态模式