webpack.config.js

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24 'use strict';
  25
  26 var path = require('path');
  27 var webpack = require('webpack');
  28 var devPort = process.env.PORT || 8001;
  29
  30 module.exports = {
  31         devtool: 'eval-source-map',
  32         entry: {
  33                 bundle: [
  34                         'app/main.app.jsx',
  35       'webpack/hot/only-dev-server'
  36                 ]
  37         },
  38         output: {
  39                 path: path.join(__dirname, 'dist'),
  40                 publicPath: `http://localhost:${devPort}/services/aai/webapp`,
  41                 filename: '[name].js'
  42         },
  43         resolve: {
  44                 root: [path.resolve('.')],
  45                 alias: {
  46                         app: 'src/app',
  47                         'generic-components': 'src/generic-components',
  48                         utils: 'src/utils',
  49                         images: 'resources/images'
  50                 }
  51         },
  52         devServer: {
  53                 port: devPort,
  54                 historyApiFallback: true,
  55                 publicPath: `http://localhost:${devPort}/`,
  56                 contentBase: path.join(__dirname, 'dist'),
  57                 hot: true,
  58                 progress: true,
  59                 inline: true,
  60                 debug: true,
  61                 stats: {
  62                         colors: true
  63                 }
  64         },
  65         module: {
  66                 preLoaders: [{
  67                         test: /\.(js|jsx)$/,
  68                         loader: 'source-map-loader'
  69                 }],
  70                 loaders: [
  71                         {test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader'], exclude: /node_modules/},
  72                         {test: /\.(css|scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']},
  73                         // required for font icons
  74                         {test: /\.(woff|woff2)(\?.*)?$/, loader: 'url-loader?limit=16384&mimetype=application/font-woff'},
  75                         {test: /\.(ttf|eot|otf)(\?.*)?$/, loader: 'file-loader'},
  76                         {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=16384'},
  77                         {test: /\.json$/, loaders: ['json']}
  78                 ]
  79         },
  80         eslint: {
  81                 configFile: './.eslintrc',
  82                 emitError: true,
  83                 emitWarning: true
  84         },
  85         plugins: [
  86                 new webpack.DefinePlugin({
  87                         DEBUG: true
  88                 }),
  89
  90                 new webpack.HotModuleReplacementPlugin()
  91         ]
  92 };