app-webpack-build-engine/lib/helpers/rules.config.js

React Application Project Webpack 2 build engine

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extractTextWebpackPlugin = require('extract-text-webpack-plugin');

var _extractTextWebpackPlugin2 = _interopRequireDefault(_extractTextWebpackPlugin);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

const common = [{
  test: /\.(js|jsx)$/,
  exclude: /node_modules/,
  use: ['babel-loader']
}, {
  test: /\.(eot|svg|ttf|TTF|woff|woff2)$/,
  use: [{
    loader: 'url-loader',
    options: {
      limit: 100000,
      name: 'fonts/[name].[ext]?[hash]'
    }
  }]
}, {
  test: /\.(gif|jpg|jpe?g|png)$/,
  use: [{
    loader: 'url-loader',
    options: {
      limit: 100000,
      name: 'img/[name].[ext]?[hash]'
    }
  }]
}];

const development = [...common, {
  test: /\.(scss|sass|css)$/,
  use: [{
    loader: 'style-loader'
  }, {
    loader: 'css-loader',
    options: {
      sourceMap: true
    }
  }, {
    loader: 'resolve-url-loader'
  }, {
    loader: 'postcss-loader',
    options: {
      sourceMap: true
    }
  }, {
    loader: 'sass-loader',
    options: {
      includePaths: ['node_modules'],
      sourceMap: true,
      sourceMapContents: true
    }
  }]
}];

const production = [...common, {
  test: /\.(scss|sass|css)$/,
  loader: _extractTextWebpackPlugin2['default'].extract({
    use: [{
      loader: 'css-loader',
      options: {
        minimize: true
      }
    }, {
      loader: 'resolve-url-loader'
    }, {
      loader: 'postcss-loader',
      options: {
        sourceMap: true
      }
    }, {
      loader: 'sass-loader',
      options: {
        includePaths: ['node_modules'],
        sourceMap: true,
        sourceMapContents: true
      }
    }],
    fallback: 'style-loader'
  })
}];

exports['default'] = {
  development,
  production
};
module.exports = exports['default'];
//# sourceMappingURL=rules.config.js.map