webpack.prod.js

const merge = require("webpack-merge")
const CleanWebpackPlugin = require("clean-webpack-plugin")
const ExtractTextPlugin = require("extract-text-webpack-plugin")
const common = require("./webpack.common.js")

module.exports = merge(common, {
  // Use the compiler-included build of Vue
  resolve: {
    alias: {
      // Use .min.js in production
      vue: "vue/dist/vue.min.js"
    }
  },

  output: {
    filename: "js/[name].[chunkhash].bundle.min.js"
  },

  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "vue-loader",
        options: {
          loaders: {
            js: "babel-loader",
            css: ExtractTextPlugin.extract({
              loader: "css-loader",
              options: {
                minimize: true
              }
            })
          }
        }
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        use: ExtractTextPlugin.extract({
          loader: "css-loader",
          options: {
            minimize: true
          }
        })
      }
    ]
  },

  plugins: [
    new CleanWebpackPlugin(["web/build"]),
    new ExtractTextPlugin({
      filename: "css/[name].[contenthash].bundle.min.css",
      allChunks: true
    })
  ]
})