webpack.prod.js

'use strict'
const exec = require('child_process').execSync
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const ProgressBarPlugin = require('progress-bar-webpack-plugin')
const config = require('./webpack.base')
const pkg = require('../package')

{{#electron}}
exec('rm -rf app/assets/')
{{/electron}}

{{#unless electron}}
exec('rm -rf dist/')
config.devtool = 'source-map'
{{/unless}}
config.entry.vendor = Object.keys(pkg.dependencies).filter(name => {
  // update the code if you want to
  // remove some dependencies you don't need in the vendor bundle
  return true
})
config.output.filename = '[name].[chunkhash:8].js'
config.plugins.push(
  new ProgressBarPlugin(),
  new ExtractTextPlugin('styles.[contenthash:8].css'),
  new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify('production')
  }),
  new webpack.LoaderOptionsPlugin({
    minimize: true
  }),
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    },
    comments: false
  }),
  // extract vendor chunks
  new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',
    filename: 'vendor.[chunkhash:8].js'
  })
)

{{#if jsx}}
config.module.loaders.push({
  test: /\.css$/,
  loader: ExtractTextPlugin.extract({
    loader: 'css-loader?-autoprefixer&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader',
    fallbackLoader: 'style-loader'
  })
})
{{else}}
config.vue.loaders.css = ExtractTextPlugin.extract({
  loader: 'css-loader?-autoprefixer',
  fallbackLoader: 'vue-style-loader'
})
{{/if}}

module.exports = config