/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ var path = require('path'); var autoprefixer = require('autoprefixer'); var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var isInNodeModules = 'node_modules' === path.basename(path.resolve(path.join(__dirname, '..', '..'))); var relative = isInNodeModules ? '../../..' : '..'; module.exports = { devtool: 'eval', entry: [ 'webpack-dev-server/client?http://localhost:3000', './src/index.js' ], output: { // Next line is not used in dev but WebpackDevServer crashes without it: path: path.join(__dirname, relative, 'build'), pathinfo: true, filename: 'bundle.js', publicPath: '/' }, module: { preLoaders: [ { test: /\.js$/, loader: 'eslint', include: path.resolve(__dirname, relative, 'src'), } ], loaders: [ { test: /\.js$/, include: path.resolve(__dirname, relative, 'src'), loader: 'babel', query: require('./babel.dev') }, { test: /\.css$/, include: path.resolve(__dirname, relative, 'src'), loader: 'style!css!postcss' }, { test: /\.json$/, loader: 'json' }, { test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)$/, loader: 'file', }, { test: /\.(mp4|webm)$/, loader: 'url?limit=10000' } ] }, eslint: { configFile: path.join(__dirname, 'eslint.js'), useEslintrc: false }, postcss: function() { return [autoprefixer]; }, plugins: [ new HtmlWebpackPlugin({ inject: true, template: path.resolve(__dirname, relative, 'index.html'), }), new webpack.DefinePlugin({ 'process.env.NODE_ENV': '"development"' }) ] };