Skip to content

Instantly share code, notes, and snippets.

@tkssharma
Created October 20, 2017 15:39
Show Gist options
  • Save tkssharma/85eefba975e0fd8346a39e7a9da90f6c to your computer and use it in GitHub Desktop.
Save tkssharma/85eefba975e0fd8346a39e7a9da90f6c to your computer and use it in GitHub Desktop.
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'public/scripts');
var APP_DIR = path.resolve(__dirname, 'src');
var config = {
entry: {
app: [path.join(__dirname, 'src/app.js')],
vendor: [
'react',
'react-dom',
'redux',
'react-redux',
'react-router',
'redux-thunk',
'axios',
'antd'
]},
output: {
path: BUILD_DIR,
filename: 'bundle.js',
publicPath: '/public/'
},
devServer: {
inline: true,
contentBase: './public',
port: 2244,
historyApiFallback: true,
stats: 'errors-only',
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new webpack
.optimize
.UglifyJsPlugin({
mangle: true,
compress: {
warnings: false, // Suppress uglification warnings
pure_getters: true,
unsafe: true,
unsafe_comps: true,
screw_ie8: true,
conditionals: true,
unused: true,
comparisons: true,
sequences: true,
dead_code: true,
evaluate: true,
if_return: true,
join_vars: true
},
output: {
comments: false
},
exclude: [/\.min\.js$/gi] // skip pre-minified libs
}), //minify everything
new webpack
.optimize
.DedupePlugin(), //dedupe similar code
new webpack
.optimize
.AggressiveMergingPlugin(), //Merge chunks
new webpack
.optimize
.CommonsChunkPlugin('vendor', 'vendor.bundle.js')
],
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel',
exclude: '/node_modules/',
include: APP_DIR,
query: {
presets: ['es2015', 'react', 'stage-0'],
plugins: ['antd']
}
}, {
test: /\.css$/,
exclude: /node_modules/,
loader: "style-loader!css-loader"
}, {
test: /\.scss$/,
exclude: /node_modules/,
loader: "style-loader!css-loader!sass-loader"
}, {
test: /\.less?$/,
loaders: [
'style-loader', 'css-loader', 'less-loader?{"sourceMap":true}'
],
include: __dirname
},
{
test: /\.json$/,
loader: 'json',
},
]
},
resolve: {
alias: {
app: APP_DIR
}
},
node: {
net: 'empty',
dns: 'empty'
}
};
module.exports = config;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment