前言
前端模块都采用pcview为后缀，以项目名称为前缀，基于webpack模块化开发方式进行项目构建，下图为前端模块结构:
-
bin文件夹为批处理命令包括依赖安装，打包，发布，开发等功能，详情请看****。
-
build 文件夹是动态生成的，只有在发布本项目的npm包时才生成，发包时会把build文件夹下的内容发布到npm私服上。
-
dist 是部署文件夹，此文件夹里边包含nginx服务和最终部署的静态文件。文件夹中static文件夹内容既为打包好的前端web项目，直接考到目标web服务器即可运行。
-
node_modules为依赖项文件夹，执行bin目录下的dev-install.bat命令后自动生成。
-
src 项目相关的源码文件，所有业务逻辑编码都在此文件夹进行。
-
index.js 空文件传为发版用，可忽略。
-
package.json npm配置文件
-
webpack.config.common.js webpack的共通配置文件
-
webpack.config.dev.js webpack的开发环境配置文件
-
webpack.config.dll.js webpack的预编译配置文件，为了提升编译性能，依赖的二方包通过此配置可以完成预编译。从而提高开发时的编译性能。
-
webpack.config.prod.js webpack的发版配置文件
前端打开步骤
1.首先连接maven，方法如下：（之后选择项目前端所对应的本地路径即可）
2.其次打开项目前端，进入前端部署dist，在server中新建空白文件夹logs。
在logs中会自动生成运行中的处理信息以及位置的。
若下图所示：
3.最后打开项目前端，先启动dev-install.bat，再启动all-start.bat。
完成这些操作即可完成前端的启动。