如何在我现有的Express多页面项目中设置Vue和webpack?

时间:2018-02-06 18:15:01

标签: node.js express vue.js ejs vuetify.js

人 我需要有关在现有项目中使用Vue和webpack的帮助。 我使用nodejs express server和ejs作为模板构建了我的网站。

实际上,我想彻底改变我网站的前端。我想使用Vuetify作为主要的前端框架。但我从未在现有项目中实现Web包。有人可以帮我做吗?

我的项目文件结构如下:

├───includs
│       func.js
│       mailer.js
│       middlewares.js
│       
├───models
│       BruteForceSchema.js
│       coupon.js
│       invoice.js
│       payment.js
│       product.js
│       services.js
│       statement.js
│       ticket.js
│       user.js
│       
├───routs
│   │   auth.js
│   │   footer.js
│   │   index.js
│   │   products.js
│   │   profile.js
│   │   
│   ├───admin
│   │       coupon.js
│   │       index.js
│   │       plans.js
│   │       recharge.js
│   │       services.js
│   │       tickets.js
│   │       users.js
│   │       
│   └───clientarea
│           hostings.js
│           index.js
│           recharge.js
│           statement.js
│           tickets.js
│           
└───views
    │   404.ejs
    │   index.ejs
    │   
    ├───admin
    │   │   activeService.ejs
    │   │   editplan.ejs
    │   │   editservice.ejs
    │   │   index.ejs
    │   │   newplan.ejs
    │   │   plans.ejs
    │   │   recharge.ejs
    │   │   services.ejs
    │   │   users.ejs
    │   │   viewplan.ejs
    │   │   viewservice.ejs
    │   │   
    │   ├───coupon
    │   │       addnew.ejs
    │   │       edit.ejs
    │   │       index.ejs
    │   │       view.ejs
    │   │       
    │   ├───tickets
    │   │       index.ejs
    │   │       view.ejs
    │   │       
    │   └───users
    │           editUser.ejs
    │           userlist.ejs
    │           viewUser.ejs
    │           
    ├───auth
    │       login.ejs
    │       newpassword.ejs
    │       resetpwd.ejs
    │       signup.ejs
    │       
    ├───clientarea
    │   │   head.ejs
    │   │   hostings.ejs
    │   │   index.ejs
    │   │   recharge.ejs
    │   │   recharge_old.ejs
    │   │   statement.ejs
    │   │   viewhosting.ejs
    │   │   
    │   └───payments
    │           proceed.ejs
    │           
    ├───email
    │   │   resetdone.ejs
    │   │   welcome.ejs
    │   │   
    │   └───searvice
    │           renewDone.ejs
    │           renewFailed.ejs
    │           
    ├───footer
    │       aboutus.ejs
    │       contactus.ejs
    │       development.ejs
    │       privacy.ejs
    │       tos.ejs
    │       
    ├───inc
    │       admincpsider.ejs
    │       footer.ejs
    │       func.ejs
    │       header.ejs
    │       usercpsider.ejs
    │       
    ├───products
    │       buy.ejs
    │       filehosting.ejs
    │       index.ejs
    │       info.ejs
    │       shared-hosting.ejs
    │       wordpress.ejs
    │       
    ├───profile
    │       edit.ejs
    │       index.ejs
    │       
    └───tickets
            index.ejs
            newTicket.ejs
            view.ejs

0 个答案:

没有答案