vue實現多頁面應用

近期做的vue項目中,需要新增一個系統幫助頁面,並且要在新的窗口中打開,但是vue是單頁面應用,所以只能對項目進行改造,變成多頁面項目。

第一步:在和index.html頁面同級下新增一個helpinfo.html,在src目錄下新增一個js目錄,新增helpinfo.js以及helpinfo.vue

 

第二步:修改 build下的webpack.base.conf.js文件,新增:helpinfo: ["babel-polyfill", "./src/js/helpinfo.js"]

第三步: 修改webpack.dev.conf.js文件

第四步: 修改webpack.prod.conf.js

 

第五步:修改config下的index.js 


效果圖:

項目打包之後的效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章