webpack.config.dev.js

'use strict';

import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import LiveReloadPlugin from 'webpack-livereload-plugin';
import Entries from './build/entries';

export default {
  devtool: 'inline-source-map',
  entry: Entries.getEntries({ alwaysIfNoDynamic: true }),
  target: 'web',
  output: {
    path: path.resolve(__dirname, 'app', 'src'),
    publicPath: '/',
    filename: 'bundle.js'
  },
  plugins: [
    // create html file that includes ref to bundled js
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, 'app', 'src', 'index.html'),
      debug: true,
      inject: true
    }),
    new LiveReloadPlugin({
      appendScriptTag: true
    })
  ],
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      'logger': path.resolve(__dirname, 'app', 'src', 'utils', 'logger'),
    }
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ['babel-loader']
      },
      {
        test: /\.vue$/,
        loaders: ['vue-loader']
      },
      // provide the code modules with the browser logger
      {
        test: /app\/src\/snippets\/.*\.js$/,
        loaders: ['imports-loader?console=logger']
      },
      {
        test: /\.css$/,
        loaders: ['style-loader', 'css-loader']
      }
    ]
  }
}