Nexus 上发布 npm 包 最近在着手整理一些平常写的 Vue UI 组件，我们一般习惯 Vue CLI SPA 开发方式，所以要在不同项目之间公用这些组件就很麻烦。要是将这些组件做成一个组件库工程，发布到 npmjs 官网就可以通过 npm 命令方便拉取了。但我担子再大也不敢将公司的代码上传外网吧。得托管到公司的私有仓库。我知道的 npm 私有仓库有 cnmp。后来后端同学推荐我试一试 nexus。因为公司已经搭建好 Nexus，只需开放 npm 包托管功能就行了。

Nginx 中配置 location 要实现前后端分离开发，就不可避免在开发时面对跨域访问后端接口的问题。解决跨域的一个好方案就是设置代理。在使用 Webpack 普及之前，一般是用 nginx 的反向代理来完成的。Webpack 代理也只是开发阶段用得到，即使这样，开发也要注意在开发阶段提前验证一下前端代码打包后的效果。大家有没有遇到过这样尴尬的事，开发环境样式妥妥的，到测试生产环境样式被覆盖了。这种情况下前端也可以将前端代码放到本地 nginx 上设置代理来提前验证一下。

Grunt vs Gulp Gulp 已经出来很久了，Gulp 的具体用法可以参考园子的 这篇文章 。本文要讲述有是它与 Grunt 有什么异同。APIGrunt 基于配置来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如 option、src、dest 等等。而且不同的插件可能会有自己扩展字段，导致认知成本的提高，运用的时候要搞懂各种插件的配置规则。 Gulp 基于代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了 gulp.src、gulp.pipe、gulp.dest、gulp.watch 接口，使用相当简单。经尝试，使用 Gulp 的代码量能比 grunt 少很多。TaskGrunt 中每个任务（Task）对应一个最外层配置的 key, 大任务可以包含小任务，以一种树形结构存在。 Gulp 中没有子任务的概念，只能通过注册多个任务来完成。运行方式Grunt 采用串行方式执行任务，比如我们注册了这样一个任务：grunt.register('default', ['concat', 'uglify', 'release'])Grunt 是按书写的顺序首先执行 concat，然后是 uglify，最后才是 release。 Gulp 采用并行方式执行任务，通过一个 pipe 方法，以数据流的方式处理打包任务，我们来看这段代码：gulp.task('jsmin', () => { gulp.src(['build/js/**/*.js']) // 此处应该是 concat方法，但服务器不支持 .pipe(contact('app.min.js')) .pipe(uglify()) .pipe(gulp.dest('dist/js/')); });程序首先将 build/js 下的 JavaScript 文件压缩为 app.min.js, 再进行 uglify 操作，最后发布在 dist/JavaScript 下。这一系列工作就在一个 Task 中完成，中间没有产生任何临时文件。注意：相比之下，Grunt 运行效率会比 Gulp 低，但使用 grunt-concurrent 插件是可以实现并行执行任务，让这种差距减少。使用插件一般情况下，Grunt 有的插件也能找到相对应的 Gulp 插件。复杂应用很少是单页面应用（SPA），一般是多页面的。Grunt 使用插件合并、最小化、更名 CSS 和 JavaScript 后，要在相应的入口页面替换原来的 CSS、JavaScript 资源资源路径不太容易。一个好办法就是使用 grunt-usemin 来解决这一问题。该插件通过在页面注解的方式自动替换静态资源 url 的配置，可大大减轻多页面需要手动配置的工作量。结合使用 Grunt 动态构建文件对象进行配置，可做到少修改配置。总结其实使用 Gulp 结合 gulp-rev 和 gulp-rev-replace 可以完成类似的任务，具体用法可以参考我在项目中所使用的 Gulp 配置 。最近使用 Yeoman的 generator-angular 生成器来创建 angular 脚手架工程，发现 Yeoman 官方推荐使用 Gulp 而不是 Grunt 来构建工程了。Grunt 也基本上停止更新了，结果你懂得的。

mLab 简介 一直觉得阿里的RAP Mock 数据很好用。后来发现 RAP 不能模拟分页，也不能模拟新建修改删除数据，业务复杂了，RAP 就不够用了。由于 MEAN 开发会接触到 MongoDB，很自然的了解到 mLab。

Grunt 使用技巧 使用 Grunt 已经有一段时间了，最近做的好几个项目都用到了 Grunt，它不仅改善了前端开发流程，也让前端代码发布轻松了许多。本文将不会介绍 Grunt 基础，而是介绍一些 Grunt 的使用技巧。刚好和小伙伴们做了一次内部分享，一起来了解一下吧！