akeating / peap Goto Github PK

const path = require('path');
const webpack = require('webpack');
const root = __dirname;
const depsPath = path.join(root, 'deps');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const nodeModulesPath = path.join(root, 'node_modules');
const privStaticPath = path.resolve(root, 'priv', 'static');
const buildPath = path.join(privStaticPath, 'bundles');
const commonPath = path.resolve('web', 'static', 'modules', 'common');
const commonEntryFile = path.join(commonPath, 'common.ts');
const mainPath = path.resolve('web', 'static', 'modules', 'main');
const mainEntryFile = path.join(mainPath, 'main.ts');

module.exports = {
  entry: {
    common: commonEntryFile,
    main: mainEntryFile
  },
  output: {
    path: buildPath,
    filename: '[name].js'
  },
  devtool: 'source-map',

  module: {

    rules: [

      /*
       * Typescript loader support for .ts
       *
       * Component Template/Style integration using `angular2-template-loader`
       * Angular 2 lazy loading (async routes) via `ng-router-loader`
       *
       * See: https://github.com/s-panferov/awesome-typescript-loader
       * See: https://github.com/TheLarkInn/angular2-template-loader
       */
      {
        test: /\.ts$/,
        use: [
          {
            loader: 'awesome-typescript-loader',
            options: {
              configFileName: 'tsconfig.json'
            }
          },
          {
            loader: 'angular2-template-loader'

          }
        ],
        exclude: [nodeModulesPath, /\.(spec|e2e)\.ts$/]
      },

      /*
       * Json loader support for *.json files.
       *
       * See: https://github.com/webpack/json-loader
       */
      {
        test: /\.json$/,
        use: 'json-loader'
      },

      /*
       * to string and css loader support for *.css files (from Angular components)
       * Returns file content as string
       *
       */
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: ['to-string-loader', 'css-loader']
        })
        //exclude: [mainPath]
      },

      /*
       * to string and sass loader support for *.scss files (from Angular components)
       * Returns compiled css content as string
       *
       */
      {
        test: /\.(sass|scss)$/,
        use: ExtractTextPlugin.extract({
          use: ['css-to-string-loader', 'css-loader', 'resolve-url-loader', 'sass-loader']
        })
      },

      /* Raw loader support for *.html
       * Returns file content as string
       *
       * See: https://github.com/webpack/raw-loader
       */
      {
        test: /\.html$/,
        use: 'raw-loader',
        //exclude: [mainPath]
      },

      /*
       * File loader for supporting images, for example, in CSS files.
       */
      {
        test: /\.(jpg|png|gif)$/,
        use: ['file-loader']
      },

      /* File loader for supporting fonts, for example, in CSS files.
      */
      {
        test: /\.(eot|woff2?|svg|ttf)([\?]?.*)$/,
        use: ['file-loader']
      }

    ],

  },

  resolve: {
    extensions: ['.ts', '.tsx', '.js', '.jsx'],
    modules: [__dirname, nodeModulesPath],
    alias: {}
  },
  plugins: [
    new webpack.ContextReplacementPlugin(
      /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
      __dirname
    ),
    new ExtractTextPlugin({ // define where to save the file
      filename: '[name].css',
      //allChunks: true,
    })
  ]
};