webpack.config.js

module.exports = {
  context: 'src',

  entry: {
    popup: 'popup/popup.tsx',
    "background-redirecter": 'background/redirecter/redirecter.ts',
    "tab-redirect": 'tabs/redirect/redirect.tsx',
    "content-redirect": 'content/redirect/redirect.ts',
    "content-hangouts": 'content/hangouts/hangouts.ts',
  },


  output: {
    filename: '[name].bundle.js',
    path: 'dist'
  },
  module: {
    rules: [
      ...
      {
        test: /\.scss$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[name].bundle.css'
            }
          },
          { loader: 'extract-loader' },
          { loader: 'css-loader' },
          {
            loader: 'sass-loader',
            options: {
              includePaths: ['./node_modules']
            }
          }
        ]
      }
      ...
    ]
  },
 
 
  plugins: [
    new CopyPlugin([{ from: 'assets/*', to: 'dist', flatten: true }]),

    new HtmlWebpackPlugin({
      chunks: ['popup'],
      filename: 'popup.html',
      template: 'popup/popup.html'
    }),
    new HtmlWebpackPlugin({
      chunks: ['tab-redirect'],
      filename: 'tab-redirect.html',
      template: 'tabs/redirect/redirect.html'
    })
  ],
  
};