Created
May 17, 2017 09:14
-
-
Save webdevsyd/c5e9b1597cfd4c7e13e9983e8f6f27ab to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var path = require('path') | |
var utils = require('./utils') | |
var webpack = require('webpack') | |
var config = require('../config') | |
var merge = require('webpack-merge') | |
var baseWebpackConfig = require('./webpack.base.conf') | |
var CopyWebpackPlugin = require('copy-webpack-plugin') | |
var HtmlWebpackPlugin = require('html-webpack-plugin') | |
var ExtractTextPlugin = require('extract-text-webpack-plugin') | |
var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') | |
var env = process.env.NODE_ENV === 'testing' | |
? require('../config/test.env') | |
: config.build.env | |
var webpackConfig = merge(baseWebpackConfig, { | |
module: { | |
rules: utils.styleLoaders({ | |
sourceMap: config.build.productionSourceMap, | |
extract: true | |
}) | |
}, | |
devtool: config.build.productionSourceMap ? '#source-map' : false, | |
output: { | |
path: config.build.assetsRoot, | |
filename: utils.assetsPath('js/[name].[chunkhash].js'), | |
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') | |
}, | |
plugins: [ | |
// http://vuejs.github.io/vue-loader/en/workflow/production.html | |
new webpack.DefinePlugin({ | |
'process.env': env | |
}), | |
new webpack.optimize.UglifyJsPlugin({ | |
compress: { | |
warnings: false | |
}, | |
sourceMap: true | |
}), | |
// extract css into its own file | |
new ExtractTextPlugin({ | |
filename: utils.assetsPath('css/[name].[contenthash].css') | |
}), | |
// Compress extracted CSS. We are using this plugin so that possible | |
// duplicated CSS from different components can be deduped. | |
new OptimizeCSSPlugin(), | |
// generate dist index.html with correct asset hash for caching. | |
// you can customize output by editing /index.html | |
// see https://github.com/ampedandwired/html-webpack-plugin | |
new HtmlWebpackPlugin({ | |
filename: process.env.NODE_ENV === 'testing' | |
? 'index.html' | |
: config.build.index, | |
template: 'index.html', | |
inject: true, | |
minify: { | |
removeComments: true, | |
collapseWhitespace: true | |
// more options: | |
// https://github.com/kangax/html-minifier#options-quick-reference | |
}, | |
// necessary to consistently work with multiple chunks via CommonsChunkPlugin | |
chunksSortMode: 'dependency' | |
}), | |
// split vendor js into its own file | |
new webpack.optimize.CommonsChunkPlugin({ | |
name: 'vendor', | |
minChunks: function (module, count) { | |
// any required modules inside node_modules are extracted to vendor | |
return ( | |
module.resource && | |
/\.js$/.test(module.resource) && | |
module.resource.indexOf( | |
path.join(__dirname, '../node_modules') | |
) === 0 | |
) | |
} | |
}), | |
// extract webpack runtime and module manifest to its own file in order to | |
// prevent vendor hash from being updated whenever app bundle is updated | |
new webpack.optimize.CommonsChunkPlugin({ | |
name: 'manifest', | |
chunks: ['vendor'] | |
}), | |
// copy custom static assets | |
new CopyWebpackPlugin([ | |
{ | |
from: path.resolve(__dirname, '../static'), | |
to: config.build.assetsSubDirectory, | |
ignore: ['.*'] | |
} | |
]), | |
new webpack.ProvidePlugin({ | |
$: 'jquery', | |
jquery: 'jquery', | |
'window.jQuery': 'jquery', | |
jQuery: 'jquery', | |
'_': 'lodash', | |
'Tether': 'tether', | |
utils: 'utils' | |
}) | |
] | |
}) | |
if (config.build.productionGzip) { | |
var CompressionWebpackPlugin = require('compression-webpack-plugin') | |
webpackConfig.plugins.push( | |
new CompressionWebpackPlugin({ | |
asset: '[path].gz[query]', | |
algorithm: 'gzip', | |
test: new RegExp( | |
'\\.(' + | |
config.build.productionGzipExtensions.join('|') + | |
')$' | |
), | |
threshold: 10240, | |
minRatio: 0.8 | |
}) | |
) | |
} | |
if (config.build.bundleAnalyzerReport) { | |
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin | |
webpackConfig.plugins.push(new BundleAnalyzerPlugin()) | |
} | |
module.exports = webpackConfig |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment