vue crane

vue-crane（未维护）

通用、模块化、多页面、全栈 Vue 样板，可处理大型项目。基于 Node.js、Express、PM2、Lerna、Webpack、Babel、Vue.js、Element、PostCSS。

特征

• element-ui作为 UI 实用程序。
• 使用lint-staged将prettier和ESlint结合在预提交钩子中。不用担心垃圾代码会溜进你的代码库。
• pm2作为生产流程管理者。
• http-proxy-middleware用于远程服务器 api 代理以避免 CORS 错误。
• 使用webpack dll来提高构建时性能。
• 支持通过cli dynamic webpack entry 。
• lerna用于管理一个项目中的多个项目。
• postcss用于下一代 CSS 预处理器。
• 将开发和生产服务器合并到一台express服务器中。
• winston作为记录器系统。
• 支持快速路由器定制。
• 自动生成bundle项目进行部署。

入门

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

动态Webpack入口

在一个大型项目的开发生命周期中。让 webpack 构建必要的文件比构建整个项目要体面得多。 vue-crane使用cli作为入口让用户选择开发哪个模块。

服务器端开发

使用nodemon启动具有热重载功能的本地生产服务器。

$ npm install
$ npm run build
$ npm run local 

生产

vue-crane中有3生产环境：

• Test环境
• Pre-Release环境
• Release环境

每个环境都有自己的启动脚本：

测试环境：

$ npm run stage

预发布环境：

$ npm run pre

发布环境：

$ npm run release

部署

vue-crane 使用名为 vue-crane-bundle 的捆绑项目进行部署。每次您想要迭代新版本时，只需执行一个 shell 脚本即可。所有的东西都将在您的捆绑项目中解决。使用bundle项目进行部署有三个好处：

• 保持不同环境下服务器依赖关系的一致性。
• 发生错误时快速回滚到之前的版本。
• 仅将必要的文件部署到在线生产服务器上。

部署步骤

1. 创建一个空的 git 存储库作为您的捆绑项目。将远程 url 添加到任何 git 存储库托管服务。确保您的捆绑项目与源项目位于同一文件夹级别。

2. 编辑package.json中的捆绑脚本。需要提供三个参数： source_project 、 bundle_project 、 release_branch 。

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. 执行捆绑脚本。

$ npm run bundle

执照

麻省理工学院许可证 (MIT)。请参阅许可证文件以获取更多信息。