webpack.common.babel.js

import { antaresCfg } from './_src/config/antares_cfg';
const banner = `
 * Part of the Antares Project package.
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the 3-clause BSD License.
 *
 * This source file is subject to the 3-clause BSD License that is
 * bundled with this package in the LICENSE file.
 *
 * @package    Global
 * @version    0.9.2
 * @author     Antares Team
 * @license    BSD License (3-clause)
 * @copyright  (c) 2017, Antares Project
 * @link       http://antaresproject.io
 * 

`;

/* global __dirname */

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
// const DashboardPlugin = require('webpack-dashboard/plugin');

process.noDeprecation = true;

const htmlOptions = {
  // inject: true,
  cache: true,
  hash: true,
  showErrors: true,
  minify: {
    html5: true,
    removeComments: false,
    sortClassName: false,
    preserveLineBreaks: false,
    collapseWhitespace: false,
    decodeEntities: true
  },
  sortClassName: true,
  sortAttributes: true,
  inject: true,
  removeComments: true
};

module.exports = {
  context: path.resolve(__dirname),
  // devtool: 'eval',
  cache: true,
  entry: {
    // APPCACHE ( ESSENTIALS + CORE )
    // antares_app: [
    //   './_src/templates/webpack/essentials/cache.js',
    //   './_src/templates/webpack/forms/forms_standard.js',
    //   './_src/templates/webpack/views/view_datatables.js',
    //   './_src/templates/webpack/views/view_brand_settings.js',
    //   './_src/templates/webpack/views/view_gridstack.js',
    //   './_src/templates/webpack/views/view_acl.js',
    //   './_src/js/components/translations/translations_webpack_requirements.js',
    //   './_src/templates/webpack/views/view_translations.js',
    //   './_src/templates/webpack/views/view_notification_templates.js',
    //   './_src/templates/webpack/views/view_clients_details_gridstack.js',
    //   './_src/templates/webpack/views/view_widgets_html.js',
    //   './_src/templates/webpack/views/view_error_page.js'
    // ],
    app_cache: './_src/templates/webpack/essentials/cache.js',
    // FORMS
    forms_standard: ['./_src/templates/webpack/forms/forms_standard.js'],
    // forms_advanced: ['./_src/templates/webpack/forms/forms_advanced.js'],
    //VUE
    // 'vue_loader': ['./_src/templates/webpack/essentials/vue_loader.js'],
    // went to cache
    //APP VIEWS
    // 'view_charts': ['./_src/templates/webpack/views/view_charts.js'],
    view_datatables: ['./_src/templates/webpack/views/view_datatables.js'],
    view_brand_settings: ['./_src/templates/webpack/views/view_brand_settings.js'],
    view_gridstack: ['./_src/templates/webpack/views/view_gridstack.js'],
    view_acl: ['./_src/templates/webpack/views/view_acl.js'],
    view_translations: ['./_src/templates/webpack/views/view_translations.js'],
    view_notification_templates: ['./_src/templates/webpack/views/view_notification_templates.js'],
    view_clients_details_gridstack: ['./_src/templates/webpack/views/view_clients_details_gridstack.js'],
    view_widgets_html: ['./_src/templates/webpack/views/view_widgets_html.js'],
    view_error_page: ['./_src/templates/webpack/views/view_error_page.js']
    // 'view_router': ['./_src/templates/webpack/views/view_router.js'],
    // //CSS
    // css: ['./_src/templates/webpack/essentials/css.js']
  },
  output: {
    path: path.join(__dirname, '_dist/'),
    filename: 'js/[name].js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        use: {
          loader: 'babel-loader'
          // options: {
          //   presets: ['env']
          // }
        }
      },
      {
        test: /\.html$/,
        loader: 'html-loader'
      },
      {
        test: /\.ejs/,
        loader: 'template-html-loader',
        options: {
          // mainMenuType: antaresCfg.statusMenuList.menuTop,
          mainMenuType: antaresCfg.mainMenuType,
          clientArea: antaresCfg.clientArea,
          whichMenu: antaresCfg.whichMenu
        }
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              url: false
              // alias: {
              //   '../img/': './../img/'
              // }
            }
          },
          'postcss-loader'
        ]
      },
      {
        test: /\.less$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1
            }
          },
          'postcss-loader',
          'less-loader'
        ]
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          postcss: [
            require('postcss-cssnext')({
              warnForDuplicates: false
            })
          ]
        }
      },
      {
        test: /\.(gif|png|jpe?g|svg)$/i,
        loaders: [
          'file-loader',
          {
            loader: 'image-webpack-loader',
            options: {
              query: {
                mozjpeg: {
                  progressive: true
                },
                gifsicle: {
                  interlaced: true
                },
                optipng: {
                  optimizationLevel: 7
                }
              }
            }
          }
        ]
      },
      {
        test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
        exclude: [/img/],
        loader: 'file-loader?&name=fonts/webpack/[name].[ext]'
      }
    ]
  },
  resolveLoader: {
    moduleExtensions: ['-loader']
  },
  resolve: {
    alias: {
      vue$: 'vue/dist/vue.common.js'
    }
  },
  externals: {
    jquery: '$'
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      comments: false
    }),
    // new webpack.EnvironmentPlugin([
    //     "NODE_ENV"
    // ]),
    // new webpack.optimize.CommonsChunkPlugin({
    //   name: 'common' // Specify the common bundle's name.
    // }),
    // new webpack.optimize.CommonsChunkPlugin({
    //   name: "vendor",

    //   // filename: "vendor.js"
    //   // (Give the chunk a different name)

    //   minChunks: Infinity,
    //   // (with more entries, this ensures that no other module
    //   //  goes into the vendor chunk)
    // }),
    new webpack.BannerPlugin(banner),
    // new DashboardPlugin(),
    new ProgressBarPlugin(),
    new webpack.optimize.OccurrenceOrderPlugin(),

    // new ExtractTextPlugin("./css/app.css"),
    // new UglifyJSPlugin({
    //     mangle: true,
    //     sourceMap: false,
    //     compress: {
    //         warnings: false
    //     }
    // })
    // new BundleAnalyzerPlugin(),
    new CopyWebpackPlugin([
      {
        from: '_src/img/',
        to: 'img/'
      },
      {
        from: '_src/fonts/',
        to: 'fonts/'
      },
      {
        from: '_src/api/',
        to: 'api/'
      },
      {
        from: '_src/templates/app/manifest.json'
      }
    ]),

    // Components
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Component Button',
        template: '_src/templates/pages/component_button.ejs',
        filename: 'component_button.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Component Button Link',
        template: '_src/templates/pages/component_button_link.ejs',
        filename: 'component_button_link.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),

    // Pages
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Dashboard',
        template: path.resolve(__dirname, '_src/templates/pages/dashboard.ejs'),
        filename: 'index.html',
        // chunks: ['antares_app']
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Dashboard HTML',
        template: path.resolve(__dirname, '_src/templates/pages/widgets_html.ejs'),
        filename: 'widgets_html.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_widgets_html']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Clients List',
        template: path.resolve(__dirname, '_src/templates/pages/clients_list.ejs'),
        filename: 'clients_list.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_datatables']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Clients List',
        template: path.resolve(__dirname, '_src/templates/pages/clients_list_multi.ejs'),
        filename: 'clients_list_multi.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_datatables']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Clients List',
        template: path.resolve(__dirname, '_src/templates/pages/clients_list_zd.ejs'),
        filename: 'clients_list_zd.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_datatables']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Form Elements',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/form_elements.ejs'),
        filename: 'form_elements.html',
        chunks: ['app_cache', 'forms_standard', 'view_brand_settings']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Email Settings',

        template: path.resolve(__dirname, '_src/templates/pages/email_settings.ejs'),
        filename: 'email_settings.html',
        chunks: ['app_cache', 'forms_standard', 'view_brand_settings']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Brand Settings',
        template: path.resolve(__dirname, '_src/templates/pages/brand_settings.ejs'),
        filename: 'brand_settings.html',
        chunks: ['app_cache', 'forms_standard', 'view_brand_settings']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Brand List',
        template: path.resolve(__dirname, '_src/templates/pages/brand_list.ejs'),
        filename: 'brand_list.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_datatables']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Clients Details - Gridstack Ver.',
        template: path.resolve(__dirname, '_src/templates/pages/clients_details.ejs'),
        filename: 'clients_details.html',
        chunks: ['app_cache', 'forms_standard', 'view_datatables', 'view_gridstack']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Zero Data',
        template: path.resolve(__dirname, '_src/templates/pages/zero_data.ejs'),
        filename: 'zero_data.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Form Elements',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/form_layouts.ejs'),
        filename: 'form_layouts.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Form Elements',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/form_single.ejs'),
        filename: 'form_single.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: '400',
        template: path.resolve(__dirname, '_src/templates/pages/error_400.ejs'),
        filename: 'error_400.html',
        chunks: ['app_cache', 'forms_standard', 'view_error_page']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: '500',

        template: path.resolve(__dirname, '_src/templates/pages/error_500.ejs'),
        filename: 'error_500.html',
        chunks: ['app_cache', 'forms_standard', 'view_error_page']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: '404',
        template: path.resolve(__dirname, '_src/templates/pages/error_404.ejs'),
        filename: 'error_404.html',
        chunks: ['app_cache', 'forms_standard', 'view_error_page']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Create',
        template: path.resolve(__dirname, '_src/templates/pages/steps.ejs'),
        filename: 'steps.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Create',
        template: path.resolve(__dirname, '_src/templates/pages/installator.ejs'),
        filename: 'installator.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Login',
        template: path.resolve(__dirname, '_src/templates/pages/#.ejs'),
        filename: 'login_page.html',
        chunks: ['app_cache', 'forms_standard']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Table Filter',
        template: path.resolve(__dirname, '_src/templates/pages/table_filter.ejs'),
        filename: 'table_filter.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack', 'view_datatables']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'acl',
        template: path.resolve(__dirname, '_src/templates/pages/acl.ejs'),
        filename: 'acl.html',
        chunks: ['app_cache', 'forms_standard', 'view_acl']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'translations',
        template: path.resolve(__dirname, '_src/templates/pages/translations.ejs'),
        filename: 'translations.html',
        // chunks: ['app_cache', 'forms_standard', 'view_datatables', 'view_translations']
        chunks: ['app_cache', 'forms_standard', 'view_translations']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Notification templates',
        template: path.resolve(__dirname, '_src/templates/pages/notification_templates.ejs'),
        filename: 'notification_templates.html',
        chunks: ['app_cache', 'forms_standard', 'view_notification_templates', 'view_brand_settings']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'widgets',
        template: path.resolve(__dirname, '_src/templates/pages/widgets.ejs'),
        filename: 'widgets.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Dashboard CA',
        template: path.resolve(__dirname, '_src/templates/pages/mode_clientArea/dashboard_CA.ejs'),
        filename: 'dashboard_CA.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),

    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Buttons',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/ui_btns.ejs'),
        filename: 'ui_btns.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Alerts',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/ui_alerts.ejs'),
        filename: 'ui_alerts.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Grid',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/ui_grid.ejs'),
        filename: 'ui_grid.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    ),
      new HtmlWebpackPlugin(
          Object.assign(htmlOptions, {
              title: 'Antares Change Log',
              template: path.resolve(__dirname, '_src/templates/pages/change_log.ejs'),
              filename: 'change_log.html',
              chunks: ['app_cache', 'forms_standard', 'view_gridstack']
          })
      ),
    new HtmlWebpackPlugin(
      Object.assign(htmlOptions, {
        title: 'Antares Notifications Preview',
        template: path.resolve(__dirname, '_src/templates/pages/ui_pages/ui_notification_preview.ejs'),
        filename: 'ui_notification_preview.html',
        chunks: ['app_cache', 'forms_standard', 'view_gridstack']
      })
    )
  ]
};