webpack.prod.js

const glob = require('glob');
const resolve = require('path').resolve;

const CopyPlugin = require('copy-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const I18nPlugin = require('i18n-webpack-plugin');

const BUILD_DIR = resolve(__dirname, 'dist');

const copyAssets = new CopyPlugin([{ from: './assets', to: 'assets', ignore: '*.svg' }]);
const copySite = new CopyPlugin([{ from: './example', to: './' }]);

const extractSass = new ExtractTextPlugin({ filename: 'leaflet-measure.css' });

const jsLoader = {
  test: /\.js$/,
  exclude: /node_modules/,
  use: {
    loader: 'babel-loader?optional=runtime',
    options: { presets: ['babel-preset-env'] }
  }
};

const htmlLoader = {
  test: /\.html$/,
  use: { loader: 'html-loader?interpolate' }
};

const scssLoader = {
  test: /\.scss$/,
  use: extractSass.extract({
    use: [{ loader: 'css-loader', options: { url: false } }, { loader: 'sass-loader' }],
    fallback: 'style-loader'
  })
};

// Build for all languages in the in `./languages` using I18nPlugin
const languages = glob.sync('./languages/*.json').reduce(
  (dict, filePath) => {
    const match = /\/languages\/(.+).json/.exec(filePath);
    dict[match[1]] = require(filePath);
    return dict;
  },
  {
    default: require(`./languages/en.json`)
  }
);

module.exports = Object.keys(languages).map(language => {
  const langPrefix = language === 'default' ? '' : `.${language}`;
  return {
    entry: ['./src/leaflet-measure.js'],
    output: {
      filename: `leaflet-measure${langPrefix}.js`,
      path: BUILD_DIR,
      publicPath: '/dist/'
    },
    module: {
      rules: [jsLoader, htmlLoader, scssLoader]
    },
    plugins: [copySite, copyAssets, extractSass, new I18nPlugin(languages[language])]
  };
});