webpack.config.js

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

module.exports = {
    entry: path.join(__dirname, 'app.js'),
    output:{
        filename:'dist.js',
        path:path.join(__dirname,'public')
    },
    module:{
        rules:[
            {
                test:/\.css$/,
                use:['style-loader', 'css-loader']
            },
            {
                test:/\.(png|jpg|jpeg|gif|PNG)$/,
                loader:'url-loader',
                options:{
                    name:'[hash].[ext]',
                    limit:1000000
                }
            },
            {
                test:/\.vue$/,
                loader:'vue-loader'
            }
        ]
    },
    resolve: {
        alias: {
          "vue$": "vue/dist/vue.esm.js"
        },
        extensions: ['*', '.js', '.vue', '.json']
    },
  plugins:[
      new VueLoaderPlugin()
  ]
}