@coreui/ajax/Aurelia_Full_Esnext_Webpack/webpack.config.babel.js

Open Source Bootstrap Admin Template

/**
 * To learn more about how to use Easy Webpack
 * Take a look at the README here: https://github.com/easy-webpack/core
 **/
import {generateConfig, get, stripMetadata, EasyWebpackConfig} from "@easy-webpack/core";
import path from "path";
import envProd from "@easy-webpack/config-env-production";
import envDev from "@easy-webpack/config-env-development";
import aurelia from "@easy-webpack/config-aurelia";
import babel from "@easy-webpack/config-babel";
import html from "@easy-webpack/config-html";
import css from "@easy-webpack/config-css";
import sass from "@easy-webpack/config-sass";
import fontAndImages from "@easy-webpack/config-fonts-and-images";
import globalBluebird from "@easy-webpack/config-global-bluebird";
import globalJquery from "@easy-webpack/config-global-jquery";
import globalRegenerator from "@easy-webpack/config-global-regenerator";
import generateIndexHtml from "@easy-webpack/config-generate-index-html";
import commonChunksOptimize from "@easy-webpack/config-common-chunks-simple";
import copyFiles from "@easy-webpack/config-copy-files";
import uglify from "@easy-webpack/config-uglify";
import generateCoverage from "@easy-webpack/config-test-coverage-istanbul";
import webpack from "webpack";

process.env.BABEL_ENV = 'webpack'
const ENV = process.env.NODE_ENV && process.env.NODE_ENV.toLowerCase() || (process.env.NODE_ENV = 'development')

// basic configuration:
const title = 'CoreUI for Aurelia'
const baseUrl = '/'
const rootDir = path.resolve()
const srcDir = path.resolve('src')
const outDir = path.resolve('dist')

const coreBundles = {
  bootstrap: [
    'aurelia-bootstrapper-webpack',
    'aurelia-polyfills',
    'aurelia-pal',
    'aurelia-pal-browser',
    'regenerator-runtime',
    'bluebird'
  ],
  // these will be included in the 'aurelia' bundle (except for the above bootstrap packages)
  aurelia: [
    'aurelia-bootstrapper-webpack',
    'aurelia-binding',
    'aurelia-dependency-injection',
    'aurelia-event-aggregator',
    'aurelia-framework',
    'aurelia-history',
    'aurelia-history-browser',
    'aurelia-loader',
    'aurelia-loader-webpack',
    'aurelia-logging',
    'aurelia-logging-console',
    'aurelia-metadata',
    'aurelia-pal',
    'aurelia-pal-browser',
    'aurelia-path',
    'aurelia-polyfills',
    'aurelia-route-recognizer',
    'aurelia-router',
    'aurelia-task-queue',
    'aurelia-templating',
    'aurelia-templating-binding',
    'aurelia-templating-router',
    'aurelia-templating-resources',
    'aurelia-authentication',
    'aurelia-table',
    'aurelia-api'
  ]
}

/**
 * Main Webpack Configuration
 */
let config = generateConfig(
  {
    entry: {
      'app': ['./src/main' /* this is filled by the aurelia-webpack-plugin */],
      'aurelia-bootstrap': coreBundles.bootstrap,
      'aurelia': coreBundles.aurelia.filter(pkg => coreBundles.bootstrap.indexOf(pkg) === -1)
    },
    output: {
      path: outDir
    },
    plugins: [
      new webpack.ProvidePlugin({
        "window.Tether": 'tether',
        moment: "moment",
        "window.moment": "moment",
      })
    ]
  },

  /**
   * Don't be afraid, you can put bits of standard Webpack configuration here
   * (or at the end, after the last parameter, so it won't get overwritten by the presets)
   * Because that's all easy-webpack configs are - snippets of premade, maintained configuration parts!
   *
   * For Webpack docs, see: https://webpack.js.org/configuration/
   */

  ENV === 'test' || ENV === 'development' ?
    envDev(ENV !== 'test' ? {} : {devtool: 'inline-source-map'}) :
    envProd({/* devtool: '...' */}),

  aurelia({root: rootDir, src: srcDir, title: title, baseUrl: baseUrl}),

  babel(),
  html(),
  sass({allChunks: true, sourceMap: false}),
  css({filename: 'styles.css', allChunks: true, sourceMap: false}),
  fontAndImages(),
  globalBluebird(),
  globalJquery(),
  globalRegenerator(),
  generateIndexHtml({minify: ENV === 'production'}),

  ...
    (ENV === 'production' || ENV === 'development' ? [
      commonChunksOptimize({appChunkName: 'app', firstChunk: 'aurelia-bootstrap'}),
      copyFiles({patterns: [{from: 'favicon.ico', to: 'favicon.ico'}]})
    ] : [
      /* ENV === 'test' */
      generateCoverage({options: {'force-sourcemap': true, esModules: true}})
    ]),

  ENV === 'production' ?
    uglify({debug: false, mangle: {except: ['cb', '__webpack_require__']}}) : {}
)

module.exports = stripMetadata(config)