webpack.config.js

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

/**
 * This path assumes that Carbon Fields and the current template
 * are both in the `/plugins` directory. Change if according to your needs.
 */
let root = path.resolve(__dirname, '../carbon-fields');

if(!fs.existsSync(root)) {
  root = path.resolve(__dirname, '../../htmlburger/carbon-fields');
}

if(!fs.existsSync(root)) {
  root = path.resolve(__dirname, 'vendor/htmlburger/carbon-fields');
}

if(!fs.existsSync(root)) {
  console.log(root);
  console.error('Could not find Carbon Fields folder.');
  process.exit(1);
  return;
}

module.exports = {
  entry: './assets/js/bootstrap.js',

  output: {
    path: path.resolve(__dirname, 'assets/js'),
    filename: 'bundle.js'
  },

  module: {
    rules: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        options: {
          cacheDirectory: true
        }
      },

      // the url-loader uses DataUrls.
      // the file-loader emits files.
      {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          minetype: 'application/font-woff',
        }
      },
      {
        test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'file-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader',
        options: {
          // inline base64 URLs for <=8k images, direct URLs for the rest
          limit: 8192,
        }
      }
    ]
  },

  resolve: {
    modules: [
      path.resolve(__dirname, 'assets/js'),
      path.resolve(root, 'assets/js'),
      'node_modules'
    ]
  },

  plugins: [
    new webpack.ProvidePlugin({
      'jQuery': 'jquery'
    }),

    new webpack.DllReferencePlugin({
      sourceType: 'this',
      manifest: require(path.resolve(root, 'assets/dist/carbon.vendor.json')),
    }),

    new webpack.DllReferencePlugin({
      context: root,
      sourceType: 'this',
      manifest: require(path.resolve(root, 'assets/dist/carbon.core.json'))
    })
  ],

  externals: {
    'jquery': 'jQuery'
  },

  devtool: '#cheap-module-eval-source-map'
};