webpack.devConfig.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 var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
  27
  28 module.exports = {
  29   devtool: 'source-map',
  30   entry: {
  31     bundle: [
  32       'app/main.app.jsx',
  33       'webpack/hot/only-dev-server'
  34     ]
  35   },
  36   output: {
  37     path: path.join(__dirname, 'dist'),
  38     publicPath: ``,
  39     filename: '[name].js',
  40     sourceMapFilename: '[name].js.map'
  41   },
  42   resolve: {
  43     root: [path.resolve('.')],
  44     alias: {
  45       app: 'src/app',
  46       'generic-components': 'src/generic-components',
  47       utils: 'src/utils',
  48       images: 'resources/images'
  49     },
  50     extensions: ["", ".webpack.js", ".web.js", ".js", ".json", ".jsx"]
  51   },
  52   devServer: {
  53     port: devPort,
  54     historyApiFallback: true,
  55     publicPath: ``,
  56     contentBase: path.join(__dirname, 'dist'),
  57     hot: true,
  58     progress: true,
  59     inline: true,
  60     debug: true,
  61     https: true,
  62     stats: {
  63       colors: true
  64     }
  65   },
  66   module: {
  67     loaders: [
  68       {test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader'], exclude: /node_modules/},
  69       {test: /\.(css|scss)$/, loaders: ['style-loader', 'css-loader', 'sass-loader']},
  70       // required for font icons
  71       {test: /\.(woff|woff2|ttf|eot|otf)(\?.*)?$/, loader: 'url-loader?limit=163840&mimetype=application/font-woff&name=[name].[ext]'},
  72       {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=163840&name=[name].[ext]'},
  73       {test: /\.json$/, loaders: ['json']},
  74       { test: /\.xml$/, loader: 'xml-loader' }
  75     ]
  76   },
  77   eslint: {
  78     configFile: './.eslintrc',
  79     emitError: true,
  80     emitWarning: true
  81   },
  82   plugins: [
  83     //new BundleAnalyzerPlugin(),
  84     new webpack.DefinePlugin({
  85       DEBUG: true
  86     }),
  87
  88     new webpack.HotModuleReplacementPlugin()
  89   ]
  90 };