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

后端项目中在登陆页面使用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

相关推荐
INS_KF13 分钟前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6741 小时前
vue3-async
前端·javascript·vue.js
YXWik61 小时前
记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题
前端
2501_928996221 小时前
GPT-4o换DeepSeek迁移成本多少?中科热备解析API聚合平台技术账本
前端·数据库·人工智能
东风破_1 小时前
从跨域到 WebSocket:前端跨域方案、SSE 与双向实时通信详解
前端·后端
原则猫1 小时前
TS 类型工具
前端
excel2 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
计算机魔术师3 小时前
美国司法部正式站队 OpenAI,AI 训练的版权账要这么算了
前端
IT_陈寒4 小时前
React Hooks闭包陷阱差点让我加班到凌晨
前端·人工智能·后端
风骏时光牛马4 小时前
疑难Bug根因定位与问题复盘分析
前端