webpack.config.js

"use strict";

const path = require("path");
const webpack = require("webpack");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const UnminifiedWebpackPlugin = require("unminified-webpack-plugin");
const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin");

const isProduction = process.env.NODE_ENV === "production";

module.exports = {
    entry: {
        app: "./src/main.ts"
    },
    output: {
        path: path.resolve(__dirname, "./public"),
        publicPath: "",
        filename: "main.min.js"
    },
    resolve: {
        extensions: ['.ts', '.js', '.vue', '.json'],
    },
    module: {
        rules: [
            { test: /\.vue$/, loader: 'vue-loader',
              options: {
                loaders: {
                  ts: 'awesome-typescript-loader',
                  tsx: 'babel-loader!awesome-typescript-loader',
                }
              }
            },
            { test: /\.tsx?$/, loader: 'awesome-typescript-loader', options: { appendTsSuffixTo: [/TS\.vue$/] } },
            { test: /\.json/, loader: "json-loader" },
            { test: /\.svg/, loader: "svg-url-loader" },
            { test: /\.(png|jpg|jpeg|gif)$/, loader: "file-loader?name=[name]-[hash:6].[ext]" },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({
                    fallbackLoader: "style-loader",
                    loader: "css-loader!postcss-loader",
                    publicPath: ""
                })
            }]
    },
    devtool: "#eval-source-map",
    plugins: [
        new webpack.LoaderOptionsPlugin({
            vue: {
                postcss: [
                    require("postcss-cssnext")()
                ]
            }
        }),
        new ExtractTextPlugin(isProduction ? "bi-[hash:6].min.css" : "bi.min.css"),
        new HtmlWebpackPlugin({
            filename: "index.html",
            template: "src/index.html"
        }),
        new CopyWebpackPlugin([
            { from: path.join(__dirname, "/src/policy.html") },
            { from: path.join(__dirname, "/src/img/bi.png"), to: path.join(__dirname, "/public/img/bi.png") }
        ])
    ]
};

if (process.env.NODE_ENV === "production") {
    module.exports.output.filename = "main-[hash:6].min.js";
    module.exports.devtool = false;
    module.exports.plugins = (module.exports.plugins || []).concat([
        new OptimizeCssAssetsPlugin()
    ]);
}