當(dāng)我們安裝好vue-cli完整的項(xiàng)目以后,我們開始對它進(jìn)行改造,此處參考了簡書某個(gè)作者的,附上原文鏈接 http://www.jianshu.com/p/43697bdee974以及此文例子地址https://github.com/qianyinghuanmie/vue-cli-

1 先安裝glob模塊 npm install glob --save-dev;

Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

 

2 安裝完畢在bulid文件夾找到utils.js文件修改,修改內(nèi)容如下:

Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

var glob = require('glob'); //新增var HtmlWebpackPlugin = require('html-webpack-plugin') //新增/*用于多頁面的模板*/exports.getEntries = function (globPath) {  var entries = {}  /**
   * 讀取src目錄,并進(jìn)行路徑裁剪   */
  glob.sync(globPath).forEach(function (entry) {    /**
     * path.basename 提取出用 ‘/' 隔開的path的最后一部分,除第一個(gè)參數(shù)外其余是需要過濾的字符串
     * path.extname 獲取文件后綴     */
    var basename = path.basename(entry, path.extname(entry), 'router.js') // 過濾router.js
    // ***************begin***************
    // 當(dāng)然, 你也可以加上模塊名稱, 即輸出如下: { module/main: './src/module/index/main.js', module/test: './src/module/test/test.js' }
    // 最終編譯輸出的文件也在module目錄下, 訪問路徑