webpack怎么在打包完之后自动上传文件到服务器

webpack怎么在打包完之后自动上传文件到服务器,第1张

一个包的文件结构,生成初始文件
在node 命令行窗口中创建demo_a文件夹
使用命令 npm init 初始化包,生成packagejson,定义indexjs为入口文件
新建webpackconfigjs,indexjs,app/subjs文件
安装关于webpack的包,安装环境为局部
打开node在webpackconfigjs配置,自动构建生成。在webpackconfigjs配置,用于创建服务器,并监听js变化刷新浏览器
输入subjs与indexjs文件内容,
在webpackconfigjs里面设置入口文件,输出文件,定义html自动构建插件,创建服务器配置。有点复杂 我建议你还是去后盾人去搜索视频教学 我就是在那里面学的 我也说不太清楚 你可以去看的

上传文件
将打包后的下图中对应的几个文件上传到服务器

修改packagejson
修改你的ip和端口号

npm install安装依赖(记得将源改为淘宝源)
可以通过pm2监控多项目
npm install -g pm2
执行 pm2 start npm --name "nuxt" run start
–name "nuxt"是启动的服务名称 run server是我们配置的命令

在命令行输入npm run build:prod,等待打包完成
项目目录下就会多出一个dist文件夹,里面有indexhtml文件和static文件夹,
直接上传到服务器上就行了

首先你的另外拥有一个域名用来提供给别人访问,这个你可以参考前面的那个已经有了的那个网站的域名申请过程。
在有就是在你的tomcat安装目录下面找到serverxml文件,另外配置一个host标签。
<Host name=">一、项目打包:

1更改项目的启动方式

使用webxml运行应用程序,指向Application,最后启动springboot(继承SpringBootServletInitialier,重写函数)

public class WarStartApplication extends SpringBootServletInitializer {

   @Override

           protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {

                  return buildersources(Applicationclass);

           }

    }

2更改properties配置信息

修改相关的地址和配置信息

PS: 可采用STS自带的动态配置系统(多配置文件)进行开发环境和生产环境的隔离。

3更改api接口层配置文件(pomxml)

1)进行war包配置

<packaging>war</packaging>

2)war包打包所需依赖项

<dependency>

      <groupId>javaxservlet</groupId>

      <artifactId>javaxservlet-api</artifactId>

      <scope>provided</scope>

</dependency>

4执行打包 *** 作

1)maven clean清除之前的打包

2)maven install进行打包 *** 作

二、将war包文件上传至服务器

1在api层的target文件夹下找到新生成的项目war包

2使用rzsz工具上传war包(rz)

三、使用Tomcat进行项目开放

1进行 Tomcat的环境部署

2将war包拷贝到tomcat的webapps文件夹下

3cd至bin文件夹下(tomcat会自动解压项目war包并进行项目部署)

使用startupsh进行tomcat启动

使用shutdownsh进行tomcat关闭


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13135865.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-06-10
下一篇 2023-06-10

发表评论

登录后才能评论

评论列表(0条)

保存