var utils = require('./utils') var path = require('path') var webpack = require('webpack') var config = require('../config') var merge = require('webpack-merge') var baseWebpackConfig = require('./webpack.base.conf') var HtmlWebpackPlugin = require('html-webpack-plugin') var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') var dependencies = require('../package.json').dependencies // add hot-reload related code to entry chunks Object.keys(baseWebpackConfig.entry).forEach(function (name) { baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) }) function resolveApp(relativePath) { return path.resolve(relativePath); } module.exports = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) }, // cheap-source-map is faster for development devtool: '#cheap-source-map', cache: true, plugins: [ new webpack.DefinePlugin({ 'process.env': config.dev.env, 'DEPENDENCIES': JSON.stringify(dependencies) }), // https://github.com/glenjamin/webpack-hot-middleware#installation--usage new webpack.HotModuleReplacementPlugin(), new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', favicon: resolveApp('favicon.ico'), inject: true, path: config.dev.assetsPublicPath + config.dev.assetsSubDirectory }), new FriendlyErrorsPlugin() ] })