webpack.config.js

const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  // for now we set one entry for the main package.json entry
  entry: {
    app: ['./samples/example.js']
  },

  output: {
    path: path.resolve('dist'),
    filename: 'assets/[name].min.js'
  },

  devServer: {
    host: '0.0.0.0',
    disableHostCheck: true
  },

  // resolve files
  // we reference a bunch of files in the build tool
  // command dir is the project path
  resolve: {
    extensions: ['.js', '.css'],
    modules: ['./node_modules'],
    alias: {
      '@syr/core': '../index.js'
    }
  },
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /.js?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: [
            [
              'env',
              {
                targets: {
                  browsers: ['Android >= 4', 'safari >= 7'],
                  uglify: true
                }
              }
            ]
          ]
        }
      },
      {
        test: /\.(png|jpg|gif)$/,
        loader: 'file-loader?name=images/[name].[ext]'
      }
    ]
  },

  plugins: [
    new HtmlWebpackPlugin({
      inject: false,
      title: 'Test Fixture',
      mobile: true,
      template: require('html-webpack-template'),
      bodyHtmlSnippet:
        '<div id="root"></div><style>body{margin:0;font-family:arial;}</style>',
      scripts: [
        'https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js'
      ],
      links: []
    })
  ]
};