webpack css for ssr

webpack-client.config.js

"use strict";

const path = require("path");

const { join, resolve } = require('path');
const loaders = require('./webpack/loaders');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const extractSass = new ExtractTextPlugin({
  filename: "[name].[contenthash].css"
  // disable: process.env.NODE_ENV === "development"
});

module.exports = {
  entry: require.resolve('./app/app.scss'),
  output: {
    filename: 'style.css',
    path: path.resolve(__dirname, 'dist')
  },
  // watch: true,
  module: {
    rules: [
      { // regular css files
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          loader: 'css-loader?importLoaders=1',
        }),
      },
      { // sass / scss loader for webpack
        test: /\.(sass|scss)$/,
        loader: ExtractTextPlugin.extract(['css-loader', 'sass-loader'])
      }
    ]
  },
  plugins: [
    // new webpack.ContextReplacementPlugin(
    //     /angular(\\|\/)core(\\|\/)@angular/,
    //     path.resolve('./src'),
    //     {}
    // ),
    new ExtractTextPlugin({ // define where to save the file
      filename: '[name].bundle.css',
      allChunks: true,
    }),
    new HtmlWebpackPlugin({
      template: './app/index.html',
      inject: 'body',
    }),
    new CopyWebpackPlugin([
      { from: 'app/assets/', to: 'assets/' }
      , { from: '../app/src/assets/', to: 'assets/' }
    ])
  ],
};

function root(__path) {
  return path.join(__dirname, __path);
}