skyquake/.storybook/webpack.config.js

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18 var Webpack = require('webpack');
  19 var path = require('path');
  20 var nodeModulesPath = path.resolve(__dirname, 'node_modules');
  21 var buildPath = path.resolve(__dirname, 'public', 'build');
  22 var mainPath = path.resolve(__dirname, 'src', 'main.js');
  23 var frameworkPath = '../skyquake/framework/';
  24 var CommonsPlugin = new require("webpack/lib/optimize/CommonsChunkPlugin")
  25 // Added to overcome node-sass bug https://github.com/iam4x/isomorphic-flux-boilerplate/issues/62
  26 process.env.UV_THREADPOOL_SIZE=64;
  27 var config = {
  28     resolve: {
  29         extensions: ['', '.js', '.jsx', '.css', '.scss'],
  30         root: path.resolve(frameworkPath),
  31         alias: {
  32             'widgets': path.resolve(frameworkPath) + '/widgets',
  33             'style':  path.resolve(frameworkPath) + '/style',
  34             'utils':  path.resolve(frameworkPath) + '/utils'
  35         }
  36     },
  37     module: {
  38         loaders: [{
  39                 test: /\.(jpe?g|png|gif|svg|ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/i,
  40                 loader: "file-loader"
  41             },
  42             {
  43                 test: /\.(js|jsx)$/,
  44                 exclude: /node_modules/,
  45                 loader: 'babel-loader',
  46                 query: {
  47                     presets: ["es2015", "stage-0", "react"]
  48                 }
  49             }, {
  50                 test: /\.css$/,
  51                 loader: 'style!css'
  52             }, {
  53                 test: /\.scss/,
  54                 loader: 'style!css!sass?includePaths[]='+ path.resolve(frameworkPath)
  55             }
  56         ]
  57     }
  58 };
  59 module.exports = config;