使用vue-cli構(gòu)建多頁面應(yīng)用+vux（二）

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

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

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

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

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式