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

The xm-roadhog base on roadhog.

'use strict';

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

exports.default = function (args, appBuild, config, paths) {
	var debug = args.debug,
	    analyze = args.analyze;

	var NODE_ENV = debug ? 'development' : process.env.NODE_ENV;
	var publicPath = config.publicPath || '/';
	var cssLoaders = (0, _getCSSLoaders2.default)(config);
	var theme = JSON.stringify((0, _getTheme2.default)(process.cwd(), config));
	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: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.own.join('!'))
	}, {
		test: /\.less$/,
		include: paths.appSrc,
		loader: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.own.join('!') + '!less?{"modifyVars":' + theme + '}')
	}, {
		test: /\.scss$/,
		include: paths.appSrc,
		loader: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.own.join('!') + '!sass')
	}, {
		test: /\.css$/,
		include: paths.appNodeModules,
		loader: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.nodeModules.join('!'))
	}, {
		test: /\.less$/,
		include: paths.appNodeModules,
		loader: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.nodeModules.join('!') + '!less?{"modifyVars":' + theme + '}')
	}, {
		test: /\.scss/,
		include: paths.appNodeModules,
		loader: _extractTextWebpackPlugin2.default.extract('style', cssLoaders.nodeModules.join('!') + '!sass')
	}, {
		test: /\.html$/,
		loader: 'file?name=[name].[ext]'
	}, {
		test: /\.json$/,
		loader: 'json'
	}, {
		test: /\.svg$/,
		loader: 'file',
		query: {
			name: 'static/[name].[hash:8].[ext]'
		}
	}];
	return {
		bail: true,
		entry: (0, _getEntry2.default)(config, paths.appDirectory),
		output: {
			path: appBuild,
			filename: '[name].js',
			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: {
			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(NODE_ENV)
			}
		}), new _webpack2.default.optimize.OccurrenceOrderPlugin(), new _webpack2.default.optimize.DedupePlugin(), new _extractTextWebpackPlugin2.default('[name].css')].concat(debug ? [] : new _webpack2.default.optimize.UglifyJsPlugin({
			compress: {
				screw_ie8: true, // React doesn't support IE8
				warnings: false
			},
			mangle: {
				screw_ie8: true
			},
			output: {
				comments: false,
				screw_ie8: true
			}
		})).concat(analyze ? new _webpackVisualizerPlugin2.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 _webpack = require('webpack');

var _webpack2 = _interopRequireDefault(_webpack);

var _fs = require('fs');

var _fs2 = _interopRequireDefault(_fs);

var _extractTextWebpackPlugin = require('extract-text-webpack-plugin');

var _extractTextWebpackPlugin2 = _interopRequireDefault(_extractTextWebpackPlugin);

var _webpackVisualizerPlugin = require('webpack-visualizer-plugin');

var _webpackVisualizerPlugin2 = _interopRequireDefault(_webpackVisualizerPlugin);

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

var _copyWebpackPlugin2 = _interopRequireDefault(_copyWebpackPlugin);

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'];