webpack.prebuild.config.js

'use strict';

var webpack = require('webpack');
var path = require('path');
var WebpackShellPlugin = require('webpack-shell-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  entry: {
    app: './src/dev.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'assets/[name].js',
  },

  module: {
    rules: [{
        test: /\.(js)$/,
        loader: 'babel-loader',
        exclude: /node_module/,
        query: {
          presets: ['babel-preset-env']
        }
      },
      {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract('css-loader!sass-loader')
      },
      {
        test: /\.less$/,
        loader: ExtractTextPlugin.extract('css-loader!less-loader')
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('css-loader')
      },
      {
        test: /\.exec.js$/,
        use: ['script-loader']
      }
    ]
  },
  externals: {
    jquery: 'jQuery',
    slick: 'slick-carousel'
  },

  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    }),
    new ExtractTextPlugin('assets/styles.css.twig'),
    new CopyWebpackPlugin([
      { from: './src/pages/', to: 'pages' },
      { from: './src/assets/', to: 'assets' }
    ], {
      ignore: [
        // Doesn't copy any files with a scss extension
        '*.scss',
        '.DS_Store',
        'base/*',
        'pages/*',
        'components/*.scss'
      ]
    }, { copyUnmodified: true }),
    new WebpackShellPlugin({
      // onBuildEnd: ['node convert-twig-params-prod.js']
    })
  ]
}