uni-module-common/webpack.config.js

Common library for universal modules of twigis.

const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

const clean = (arr) => arr.filter(i => i !== false)

const {
  NODE_ENV = 'development'
} = process.env;
const DEV = NODE_ENV === 'development';

module.exports = {
  entry: "./src/index.js",
  plugins: [new CleanWebpackPlugin()],
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.(jpe?g|png|gif|svg)$/,
        use: clean([
          'url-loader?limit=20000',
          !DEV && {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: {
                progressive: true,
              },
              gifsicle: {
                interlaced: false,
              },
              optipng: {
                optimizationLevel: 7,
              },
              pngquant: {
                quality: [0.75, 0.90],
                speed: 3,
              },
            }
          }
        ])
      }
    ]
  },
  output: {
    filename: "index.js",
    path: path.resolve(__dirname, "dist"),
    libraryTarget: "umd",
    library: "uni-module-common"
  },
  externals: {
    // Use external version of React
    "react": "react",
    "react-dom": "react-dom"
  }
};