rizzo-next/webpack.dist.js

The next generation of Lonely Planet's style guide and pattern library.

/* jshint node:true */
var path = require("path"),
    ExtractTextPlugin = require("extract-text-webpack-plugin"),
    webpack = require("webpack"),
    CommonsPlugin = new require("webpack/lib/optimize/CommonsChunkPlugin");

/**
 *
 * This webpack config is for transpiling and running unit tests
 *
 */
module.exports = {
  plugins: [
    new webpack.optimize.UglifyJsPlugin(),
    new ExtractTextPlugin({
      filename: "[name].css",
    }),
    new webpack.DefinePlugin({
      "process.env": {
        "NODE_ENV": JSON.stringify("production"),
        "ASSET_HOST": JSON.stringify(process.env.ASSET_HOST),
      },
    }),
  ],
  // Component entries will be built dynamically
  entry: {},

  output: {
    path: path.join(__dirname, "dist"),
    filename: "[name].js",
    chunkFilename: "chunk_[name].js",
    libraryTarget: "umd",
    umdNamedDefine: true,
    library: "rizzo-next",
    publicPath: "/assets/",
  },
  module: {
    noParse: /node_modules\/(jquery|keymirror)/,
    rules: [{
        test: /(\.jsx?)$/,
        loader: "babel-loader",
        // Excluding everything EXCEPT rizzo-next and flamsteed
        exclude: /node_modules\/(?!rizzo|flamsteed|@lonelyplanet).*/,
        query: {
            "plugins": ["transform-decorators-legacy"],
            "presets": ["es2015", "react"]
        }
      },
      {
       test: /\.scss$/,
        loader: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader?minimize!autoprefixer-loader?browsers=last 3 version" +
          "!sass-loader?outputStyle=expanded&" +
          "includePaths[]=" + path.resolve(__dirname, "./node_modules"),
        })
      },
      {
        test: /\.hbs$/,
        loader: "handlebars-loader?rootRelative=" + path.join(__dirname, "src") + "/" +
          "&runtime=" + require.resolve("handlebars/dist/handlebars.runtime")
      },
      {
        test: /picker(.date)?.js$/,
        loader: "imports-loader?define=>false"
      }, {
        test: /sinon(.*)?\.js$/,
        loader: "imports-loader?define=>false"
      }, {
        test: /\.json$/,
        loader: "json-loader"
      }]
  }
};