webpack.config.js

const {
  author,
  contributors,
  homepage,
  license,
  name,
  title,
  version,
} = require('./package.json')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const path = require('path')
const webpack = require('webpack')

const extractLess = new ExtractTextPlugin({filename: '[name].css'})

const baseConf = {
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
        }
      },
      {
        test: /\.less$/,
        use: extractLess.extract({
          use: [
            {
              loader: 'css-loader'
            },
            'postcss-loader',
            {
              loader: 'less-loader',
              options: {
                strictMath: true,
                noIeCompat: true,
                // paths: [
                //   path.resolve(__dirname, 'node_modules')
                // ],
              }
            }
          ],
          fallback: 'style-loader'
        })
      },
      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'file-loader?name=[name].[ext]'
      }
    ]
  },
  plugins: [
    extractLess,
    new webpack.BannerPlugin({
      banner: `${title || name} - v${version} - ${(new Date()).toGMTString()}
${homepage}
Copyright (c) ${(new Date()).getFullYear()} ${author.name}, ${contributors.map(c => c.name).join(', ')}
Licensed under the ${license} license`
    })
  ],
}

module.exports = [
  Object.assign({}, baseConf, {
    entry: {
      'shariff.complete': './src/js/shariff.complete',
    }
  }),
  Object.assign({}, baseConf, {
    entry: {
      'shariff.min': './src/js/shariff.min'
    },
    externals: {
      './dom': 'jQuery',
    },
  }),
]