Nuevo en Vue.js, Seleccion del stack


#1

Hola soy nuevo en vue, etc… etc… etc…

Mi primer proyecto esta basado en MEVN (mogo, express, vue y node), pero agregando Vuetify… mi pregunta en realidad es necesario express??? o estoy siendo redundante? en el ejemplo roriginal estan unsando boostrap y los loader para webpack, pero a mi me gusta mas el estilo material por lo que quiero cambiarlo a Vuetify, mi selección del stack esta bien o que puedo cambiar actualmente tengo errores cuando cuando compila webpack.

Muchas gracias de antemano, saludos!

dejo mi webpack.config.js

const path = require('path');
const VueLoaderPlugin  = require('vue-loader/lib/plugin');
const VuetifyLoaderPlugin  = require('vuetify-loader/lib/plugin')

module.exports = {
    entry: './src/app/main.js',
    output: {
        path: __dirname + '/src/public/scripts',
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'                    
                }
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
                loader: 'file-loader?name=fonts/[name].[ext]'
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin(),
        new VuetifyLoaderPlugin()
    ]
}

Y el package.json

{
“name”: “test-gifts”,
“version”: “1.0.0”,
“description”: “”,
“main”: “server.js”,
“scripts”: {
“dev”: “nodemon src/server.js”,
“webpack”: “webpack --mode development --watch”,
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [],
“author”: “”,
“license”: “ISC”,
“dependencies”: {
“express”: “^4.16.4”,
“material-design-icons-iconfont”: “^4.0.3”,
“mongoose”: “^5.4.3”,
“morgan”: “^1.9.1”,
“nodemon”: “^1.18.9”,
“vuetify”: “^1.4.1”
},
“devDependencies”: {
“babel-core”: “^6.26.3”,
“babel-loader”: “^7.1.5”,
“babel-preset-env”: “^1.7.0”,
“css-loader”: “^2.1.0”,
“file-loader”: “^3.0.1”,
“style-loader”: “^0.23.1”,
“vue”: “^2.5.22”,
“vue-loader”: “^15.5.1”,
“vue-template-compiler”: “^2.5.22”,
“vuetify-loader”: “^1.1.1”,
“webpack”: “^4.28.4”,
“webpack-cli”: “^3.2.1”
}
}