近期做的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
效果圖:
項目打包之後的效果