企业级前端项目及启动

前言

前端模块都采用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的开发环境配置文件

• web