webpack.config.js

'use strict';

/* eslint-env node */

const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  devtool: 'source-map',

  entry: [
    path.resolve(__dirname, 'src', 'sidebar', 'app', 'app.js'),
  ],

  output: {
    // build to the extension src vendor directory
    path: path.resolve(__dirname, 'build'),
    filename: path.join('sidebar', 'app.js'),
  },

  plugins: [
    // Moves files
    new CopyWebpackPlugin([
      { from: path.join('src') }
    ], {
      ignore: [
          path.join('sidebar', 'app', '**', '*'),
          path.join('sidebar', 'static', 'scss', '**', '*')
      ],
    }),
  ],

  module: {
    rules: [
      {
        test: /\.js$/, // Babel-loader compile jsx syntax to javascript
        exclude: /node_modules/,
        use: ['babel-loader?presets[]=env&presets[]=react&presets[]=stage-2&sourceMaps=true'],
      },
      {
          test: /\.scss$/,
          use: [{
              loader: 'style-loader' // creates style nodes from JS strings
          }, {
              loader: 'css-loader' // translates CSS into CommonJS
          }, {
              loader: 'sass-loader' // compiles Sass to CSS
          }]
      },
      {
        test: /\.(jpe?g|png|gif|svg|eot|woff|ttf|svg|woff2)$/,
        options: {
          name: '[path][name].[ext]',
          context: 'src',
          publicPath: '../'
        },
        loader: 'file-loader'
      }
    ]
  }
};