vue自帶一個(gè)項(xiàng)目構(gòu)建工具，叫vue-cli，它核心是通過一個(gè)叫l(wèi)oader的東西識(shí)別一些東西和打包一些模塊，是基于webpack的模塊加載器，而webpack又基于nodejs。

目錄的構(gòu)建類型主要用到的是webpack和webpack-simple，通過安裝全局(cnpm install webpack -g)和指定根目錄安裝webpack(cnpm install webpack --save-dev)，裝webpack環(huán)境(cnpm install webpack-dev-server --save-dev)，裝腳手架(cnpm install vue-cli -g)，最后生成的項(xiàng)目類型( 如vue init webpack-simple 項(xiàng)目名)

最后重要的2步
安裝依賴包( cnpm install ) 等待時(shí)間
項(xiàng)目跑起來( npm run dev )

通過它，可以將.vue文件里的東西組件化和模塊化管理，.vue文件是由<template/>、<script/>和<style/>三大塊組成，成為一個(gè)獨(dú)立的模塊。通過入口文件main.js將項(xiàng)目其他的模塊的引進(jìn)來(js文件,vue組件甚至是css)，最后直接打包出去，而引進(jìn)的方法主要是通過es6的模塊化進(jìn)行引入和導(dǎo)出的（推薦），也可以用commonjs或requie.js的語法引進(jìn)。這樣的模式跟路由配合更加好管理，不必在一個(gè)js文件寫大量的html模板，而直接建立一個(gè)又一個(gè)的.vue文件，里面的<template/>直接放html，用到時(shí)就import進(jìn)去

其中,webpack.config.js和package.json這2個(gè)配置文件起到關(guān)鍵作用，在webpack.config.js一邊配置一邊打命令行，生成的東西直接在package.json里可以看到，也可以在里面修改端口和其他信息，通過這樣的一系列的流程，可以學(xué)習(xí)到

前端的自動(dòng)化、模塊化、工程化、組件化

es6最常用到的一些新語法

本地服務(wù)器的臨時(shí)搭建技巧

sass編譯現(xiàn)成的css，節(jié)省更多的精力

webpack的打包流程和原理

了解nodejs相關(guān)的命令和環(huán)境

當(dāng)然大前提是要本地電腦安裝nodejs環(huán)境，否則以上說法皆不成立！
就先籠統(tǒng)地扯了那么多，詳盡的打包細(xì)節(jié)還得看http://www.imooc.com/learn/802（慕課新推出的教程）

更新待續(xù)……