介紹：
這是一個用vuejs2.0和element搭建的后臺管理界面。
相關(guān)技術(shù)：
vuejs2.0：漸進(jìn)式JavaScript框架，易用、靈活、高效，似乎任何規(guī)模的應(yīng)用都適用。
element：基于vuejs2.0的ui組件庫。
vue-router：一般單頁面應(yīng)用spa都要用到的前端路由。
vuex：Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。

       做一個打包程序就行了。
　　做法是從入口文件層層檢測，所有`./file.js`的地方都替換成那個文件的內(nèi)容就行了。沒幾行代碼的程序。
　　能把一坨文件打包成一個文件，樹狀管理、單文件加載。缺點是總歸要占用標(biāo)識符號，而且沒有ide支持上下文關(guān)聯(lián)。
不過你這樣一問我才發(fā)現(xiàn)，切分文件除了ide不卡、方便協(xié)同辦公中并行提交外，還有組件化引用的好處。確實，和require模塊適合的需求有些許差異。

vue2 然后通過以下命令安裝 webpack cnpm install webpack -g 注：下面 orange 默認(rèn)給出 npm 的安裝方案，安裝失敗請自行轉(zhuǎn)為 cnpm 安裝 在需要創(chuàng)建工程的位置運行 vue init webpack-simple 工程名字 或者創(chuàng)建 vue1.0 的項目

vue提供了初始化的webpack模板，其中使用了vue-loader。
vue-loader默認(rèn)只支持sass, 要是想要使用scss，必須安裝
node-sass和sass-loader，
然后再webpack的配置文件中添加
module.exports = {
vue: {

loaders: {
scss: ['vue-style-loader','css', 'sass'].join('!')
},
}
}
然后在.vue格式的模板中，style 標(biāo)簽中添加 就可以了。