Quiero compilar archivos scss independientes con webpack (y sí, incluso archivos js, pero no archivos scss en js ..):

 const path = require('path'); const webpack = require("webpack"); module.exports = { mode: 'development', watch: true, entry: { shared: './src/shared.js', front_page: './src/front-page.js', front_page_style: '../scss/front-page.scss', }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /\.scss$/, exclude: /node_modules/, use: [ { loader: 'file-loader', options: { name: '../../css/[name].css' } }, 'sass-loader' ] }, // babel ] // rules } // module };

El código anterior generará archivos .css correctamente, pero también generará archivos /dist/*.js a partir de las entradas scss (por ejemplo, front_page_style.js).

¿Cómo evitar este comportamiento?