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

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

相关推荐
大胖丫几秒前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月2 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学2 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~4 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi4 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强5 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*7 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^11 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
AC-PEACE33 分钟前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc
播播资源36 分钟前
ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (DeepSeek高级通道+推理输出格式)安装教程
前端·ai·chatgpt·ai作画·小程序·deepseek·deepseek-v3