xm-roadhog/lib/config/webpack.config.dev.js

The xm-roadhog base on roadhog.

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

exports.default = function (config, cwd) {
	var publicPath = '/';
	var cssLoaders = (0, _getCSSLoaders2.default)(config, 'dev');
	var theme = JSON.stringify((0, _getTheme2.default)(process.cwd(), config));
	var paths = (0, _paths2.default)(cwd);
	var defaultLoaders = [{
		exclude: [/\.html$/, /\.(js|jsx)$/, /\.(css|less|scss)$/, /\.json$/, /\.svg$/],
		loader: 'url',
		query: {
			limit: 10000,
			name: 'static/[name].[hash:8].[ext]'
		}
	}, {
		test: /\.(js|jsx)$/,
		include: paths.appSrc,
		loader: 'babel'
	}, {
		test: /\.css$/,
		include: paths.appSrc,
		loader: 'style!' + cssLoaders.own.join('!')

	}, {
		test: /\.less$/,
		include: paths.appSrc,
		loader: 'style!' + cssLoaders.own.join('!') + '!less?{"modifyVars":' + theme + '}'

	}, {
		test: /\.scss$/,
		include: paths.appSrc,
		loader: 'style!' + cssLoaders.own.join('!') + '!resolve-url?sourceMap!sass?sourceMap'
	}, {
		test: /\.css$/,
		include: paths.appNodeModules,
		loader: 'style!' + cssLoaders.nodeModules.join('!')
	}, {
		test: /\.less$/,
		include: paths.appNodeModules,
		loader: 'style!' + cssLoaders.nodeModules.join('!') + '!less?{"modifyVars":' + theme + '}'
	}, {
		test: /\.scss$/,
		include: paths.appNodeModules,
		loader: 'style!' + cssLoaders.nodeModules.join('!') + '!resolve-url?sourceMap!sass?sourceMap'
	}, {
		test: /\.html$/,
		loader: 'file?name=[name].[ext]'
	}, {
		test: /\.json$/,
		loader: 'json'
	}, {
		test: /\.svg$/,
		loader: 'file',
		query: {
			name: 'static/[name].[hash:8].[ext]'
		}
	}];
	return {
		devtool: 'cheap-module-source-map',
		entry: (0, _getEntry2.default)(config, paths.appDirectory),
		output: {
			path: paths.appBuild,
			filename: '[name].js',
			pathinfo: true,
			publicPath: publicPath
		},
		resolve: {
			extensions: ['.web.js', '.web.jsx', '.web.ts', '.web.tsx', '.js', '.json', '.jsx', '.ts', 'tsx', '']
		},
		resolveLoader: {
			root: [paths.ownNodeModules, paths.appNodeModules],
			moduleTemplates: ['*-loader']
		},
		module: {
			loaders: config.extraLoaders ? defaultLoaders.concat(config.extraLoaders) : defaultLoaders
		},
		babel: {
			babelrc: false,
			presets: [require.resolve('babel-preset-es2015'), require.resolve('babel-preset-react'), require.resolve('babel-preset-stage-0')],
			plugins: [require.resolve('babel-plugin-add-module-exports'), require.resolve('babel-plugin-react-require')].concat(config.extraBabelPlugins || []),
			cacheDirectory: true
		},
		postcss: function postcss() {
			return [(0, _autoprefixer2.default)(config.autoprefixer || {
				browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9']
			})].concat(config.extraPostCSSPlugins ? config.extraPostCSSPlugins : []);
		},

		plugins: [new _webpack2.default.DefinePlugin({
			'process.env': {
				NODE_ENV: JSON.stringify(process.env.NODE_ENV)
			}
		}), new _webpack2.default.HotModuleReplacementPlugin(), new _caseSensitivePathsWebpackPlugin2.default(), new _WatchMissingNodeModulesPlugin2.default(paths.appNodeModules), new _systemBellWebpackPlugin2.default()].concat(!_fs2.default.existsSync(paths.appPublic) ? [] : new _copyWebpackPlugin2.default([{
			from: paths.appPublic,
			to: paths.appBuild
		}])).concat(!config.multipage ? [] : new _webpack2.default.optimize.CommonsChunkPlugin('common', 'common.js')).concat(!config.define ? [] : new _webpack2.default.DefinePlugin((0, _normalizeDefine2.default)(config.define))),
		externals: config.externals,
		node: {
			fs: 'empty',
			net: 'empty',
			tls: 'empty'
		}
	};
};

var _autoprefixer = require('autoprefixer');

var _autoprefixer2 = _interopRequireDefault(_autoprefixer);

var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');

var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);

var _copyWebpackPlugin = require('copy-webpack-plugin');

var _copyWebpackPlugin2 = _interopRequireDefault(_copyWebpackPlugin);

var _webpack = require('webpack');

var _webpack2 = _interopRequireDefault(_webpack);

var _fs = require('fs');

var _fs2 = _interopRequireDefault(_fs);

var _WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');

var _WatchMissingNodeModulesPlugin2 = _interopRequireDefault(_WatchMissingNodeModulesPlugin);

var _systemBellWebpackPlugin = require('system-bell-webpack-plugin');

var _systemBellWebpackPlugin2 = _interopRequireDefault(_systemBellWebpackPlugin);

var _paths = require('./paths');

var _paths2 = _interopRequireDefault(_paths);

var _getEntry = require('../utils/getEntry');

var _getEntry2 = _interopRequireDefault(_getEntry);

var _getTheme = require('../utils/getTheme');

var _getTheme2 = _interopRequireDefault(_getTheme);

var _getCSSLoaders = require('../utils/getCSSLoaders');

var _getCSSLoaders2 = _interopRequireDefault(_getCSSLoaders);

var _normalizeDefine = require('../utils/normalizeDefine');

var _normalizeDefine2 = _interopRequireDefault(_normalizeDefine);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

module.exports = exports['default'];