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

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

3、安装webpack

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

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

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

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

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

4、配置idea

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

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

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

js文件也都有了

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

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

03-23 08:47