本文适用人群:

  • 已经掌握相关 Gulp 知识
  • 已经或准备开始学习 vue.js 知识

本文将和我写过的另一篇文章Gulp+Browserify 构建 react 项目采取一模一样的案例和写作手法 和 react.js 一样, vue.js 也是一个非常棒的前端框架.vue.js 也可以进行 组件化开发 ,他会导致最重要引入很多很多的js文件,像这样:

<script src='js/component1.vue'></script>
<script src='js/component2.vue'></script>
<script src='js/component3.vue'></script>
<script src='js/component4.vue'></script>

这样子会给以后代码的维护带来一定的麻烦,同时也为客户端访问网页增加了不少的Get请求.

为了消除以上的问题,我们可以使用 browserify 来将所有有依赖关系的js文件打包成单独的一个文件 compile.png

一.代码准备

先写两个简单的vue组件:

Child.vue

The Child