Webpack config for SASS + Babel

webpack.config.js

const path = require('path');

module.exports = {
   entry: './assets/js/dev/index.js',
   output: {
      filename: 'bundle.js',
      //  __dirname is a function that npm itself have in the library
      path: path.resolve(__dirname, './assets/js/dist')
   },
   module: {
      rules: [
         {
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            use: {
               loader: 'babel-loader',
               options: {
                  presets: ['@babel/preset-env']
               }
            }
         },
         {
            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
            ]
         }
      ]
   },
    
};