webpack静态资源 webpack静态资源路径

webpack是什么

webpack 是代码编译工具，有入口、出口、loader 和插件。

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。

vue项目工程中的public文件主要是啥

在Vue项目工程中，public文件夹是用来存放静态资源的文件夹。这些静态资源包括HTML文件、图像、字体文件等。在构建项目时，这些资源会被直接复制到最终的构建目录中，可以通过相对路径访问这些资源。

public文件夹中的资源不会经过webpack的打包处理，而是直接复制到目标目录中，因此可以在HTML文件中直接引用这些资源。

web打包是什么意思

webpack的运行依赖于node环境，没有node是不能打包的，但是webpack打包后的项目本身只是前端静态资源，和后台没有关系，也就是说不依赖于node。

npm产生于node社区，是node的官方包管理工具，当安装好node的时候，npm就自动安装好了。

正是因为npm的包管理，是的项目可以模块化的开发，而模块化的开发带来的这些改进确实大大的提高了开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让 浏览器识别，而手动处理又是非常的繁琐的，这就是webpack工具（打包）存在的意义。

前端部署和发布流程

1. 代码编写：前端开发人员编写和测试代码，确保代码的功能和质量符合需求。

2. 代码托管：将代码提交到代码托管平台，如Git、SVN等。

3. 版本管理：在代码托管平台上进行版本管理，保证不同版本的代码可以被追踪和管理。

4. 自动化构建：使用自动化构建工具（如Webpack、Gulp、Grunt等）将代码进行打包、压缩、优化等处理，生成可部署的静态资源文件。

5. 部署到测试环境：将静态资源文件部署到测试环境中，进行功能测试和性能测试。

6. 修复问题：根据测试结果，修复代码中的问题和Bug。

7. 再次构建：重新使用自动化构建工具生成静态资源文件。

8. 部署到生产环境：将修复后的静态资源文件部署到生产环境中，发布新版本。

9. 测试新版本：对新发布的版本进行测试，确认没有问题后上线。

10. 监控和维护：对上线后的系统进行监控和维护，及时处理出现的问题。

以上是前端部署和发布流程中的主要步骤，具体的流程可能会因为公司或者项目的不同而有所差异。在实践过程中，可以根据项目需要和实际情况，进行适当的调整和改进。

前端部署和发布的流程

第一步:用前端开发工具打包(我是vscode) npm run bulid第二步:启动Tomcat

1.

启动tomcat,直接双击startup就可以

2.

将打包好的应用程序放在tomcat的webapps目录下

3.

启动tomcat,进入Tomcat Web应用程序管理者,就可以看到放到tomcat目录下打包好的程序

步骤：

打包和压缩：将前端代码打包成可执行的二进制文件，通常是通过构建工具(如npm、DJI等)执行。通常会使用打包工具来检查代码是否符合特定格式，如js、vue、react等，并将它们压缩成一个或多个文件。

上传：将打包好的文件上传到服务器，通常是通过Web服务器(如nginx、Apache等)执行。

验证和测试：验证文件是否包含所需的功能和错误，例如语法错误、文件缺失等。同时，进行单元测试和集成测试以确保代码的质量。

发布：发布是将前端应用程序部署到Web服务器或云环境的过程，这通常需要手动或自动完成。手动发布通常是将文件上传到服务器，然后启动一个命令行程序来安装应用程序。自动发布可以使用云服务提供商提供的部署工具，如AWS Lambda、Microsoft Azure Functions等。

维护和更新：前端应用程序需要进行维护和更新，以修复错误、更新功能或增强性能，这些工作通常需要手动或自动完成。

以上是前端部署和发布流程的一般步骤，每个服务提供商和云环境可能会有略微不同的步骤，例如安装和配置环境、安全性和监控等。