Webpack + Sass + Pug

webpack.config.js

const path = require('path');
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')

const pug = {
   test: /\.pug$/,
   use: [
      'html-loader?attrs=false',
      'pug-html-loader'
   ]
}

const sass = {
   test: /\.sass$/,
   use: [
         "style-loader", // creates style nodes from JS strings
         "css-loader", // translates CSS into CommonJS
         "sass-loader" // compiles Sass to CSS, using Node Sass by default
   ]
}

const config = {
   entry: './src/app.js',
   output: {
      path: path.resolve(__dirname, 'dist'),
      filename: '[name].bundle.js'
   },
   module: {
      rules: [
         pug,
         sass
      ]
   },
   plugins: [
      new HtmlWebpackPlugin({
         filename: 'index.html',
         template: 'src/index.pug',
         inject: false,
      })
   ]
};

module.exports = config;