qubit-cli/webpack.js

const path = require('path')
const webpack = require('webpack')

module.exports = function createWebpackConfig () {
  const SRC = path.join(__dirname, 'src/client')
  const CWD = process.cwd()
  const QUBIT_NODE_MODULES = [
    path.join(CWD, 'node_modules', '@qubit'),
    path.join(__dirname, 'node_modules', '@qubit')
  ]
  const NODE_MODULES = [
    path.join(CWD, 'node_modules'),
    path.join(__dirname, 'node_modules')
  ]
  const BUBLE_LOADER = {
    loader: '@qubit/buble-loader',
    options: {
      objectAssign: 'Object.assign',
      transforms: {
        dangerousForOf: true,
        dangerousTaggedTemplateString: true
      }
    }
  }
  return {
    entry: [
      'webpack-hot-middleware/client?path=https://localhost:41337/__webpack_hmr&timeout=20000&reload=true&&noInfo=true&&quiet=true'
    ],
    output: {
      path: CWD,
      publicPath: 'https://localhost:41337/',
      filename: 'bundle.js'
    },
    bail: false,
    amd: { jQuery: true },
    devtool: '#source-map',
    resolve: {
      modules: [
        CWD,
        path.join(CWD, 'node_modules'),
        path.join(__dirname, 'node_modules')
      ],
      mainFields: ['browser', 'main'],
      alias: { jquery: '@qubit/jquery' }
    },
    resolveLoader: {
      modules: [
        path.join(__dirname, 'loaders'),
        path.join(__dirname, 'node_modules')
      ]
    },
    module: {
      loaders: [
        // global.js
        {
          test: /global\.js$/,
          use: ['raw-loader']
        },
        // qubit-cli internal clientside code.js
        {
          test: /\.js$/,
          include: [SRC],
          use: ['entry', BUBLE_LOADER]
        },
        // experience code
        {
          test: /\.js$/,
          include: [CWD],
          exclude: [/global\.js/, /node_modules/],
          use: ['experience-js', BUBLE_LOADER]
        },
        // experience css
        {
          test: /\.(css|less)$/,
          use: [
            'raw-loader',
            'less-loader',
            {
              loader: 'experience-less',
              options: {
                variationMasterId: true,
                experienceId: true
              }
            }
          ],
          exclude: NODE_MODULES
        },
        // package.json
        {
          test: /\.json$/,
          use: ['json-loader']
        },
        // @qubit packages
        {
          test: /\.js$/,
          include: QUBIT_NODE_MODULES,
          use: ['experience-css', BUBLE_LOADER]
        },
        {
          test: /\.(css|less)$/,
          include: QUBIT_NODE_MODULES,
          use: ['style-loader', 'raw-loader', 'less-loader']
        }
      ]
    },
    plugins: [
      new webpack.optimize.OccurrenceOrderPlugin(),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoEmitOnErrorsPlugin()
    ]
  }
}