webpack.config.js

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  */
  21 'use strict';
  22
  23 var path = require('path');
  24 var webpack = require('webpack');
  25 var devPort = process.env.PORT || 8001;
  26
  27 module.exports = {
  28         devtool: 'eval-source-map',
  29         entry: {
  30                 bundle: [
  31                         'app/main.app.jsx',
  32             'webpack/hot/only-dev-server'
  33                 ],
  34                 'editAttributes/editAttributesBundle': [
  35                         'editAttributes/main.app.jsx',
  36                         'webpack/hot/only-dev-server'
  37                 ]
  38         },
  39         output: {
  40                 path: path.join(__dirname, 'dist'),
  41                 publicPath: `http://localhost:${devPort}/services/aai/webapp`,
  42                 filename: '[name].js'
  43         },
  44         resolve: {
  45                 root: [path.resolve('.')],
  46                 alias: {
  47                         app: 'src/app',
  48                         'generic-components': 'src/generic-components',
  49                         utils: 'src/utils',
  50                         images: 'resources/images',
  51                         editAttributes: 'src/editAttributes'
  52                 }
  53         },
  54         devServer: {
  55                 port: devPort,
  56                 historyApiFallback: true,
  57                 publicPath: `http://localhost:${devPort}/`,
  58                 contentBase: path.join(__dirname, 'dist'),
  59                 hot: true,
  60                 progress: true,
  61                 inline: true,
  62                 debug: true,
  63                 stats: {
  64                         colors: true
  65                 }
  66         },
  67         module: {
  68                 preLoaders: [{
  69                         test: /\.(js|jsx)$/,
  70                         loader: 'source-map-loader'
  71                 }],
  72                 loaders: [
  73                         {test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader'], exclude: /node_modules/},
  74                         {test: /\.(css|scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']},
  75                         // required for font icons
  76                         {test: /\.(woff|woff2)(\?.*)?$/, loader: 'url-loader?limit=16384&mimetype=application/font-woff'},
  77                         {test: /\.(ttf|eot|otf)(\?.*)?$/, loader: 'file-loader'},
  78                         {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=16384'},
  79                         {test: /\.json$/, loaders: ['json']}
  80                 ]
  81         },
  82         eslint: {
  83                 configFile: './.eslintrc',
  84                 emitError: true,
  85                 emitWarning: true
  86         },
  87         plugins: [
  88                 new webpack.DefinePlugin({
  89                         DEBUG: true
  90                 }),
  91
  92                 new webpack.HotModuleReplacementPlugin()
  93         ]
  94 };