css-loader fails to build because of comments (//)

[cuartas15]

I'm getting this error with the css-loader apparently

Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

....\bootstrap\scss\bootstrap.scss Unknown word

3 |
4 |
5 | // scss-docs-start import-stack
--| ^

when Importing bootstrap like:
@import '/node_modules/bootstrap/scss/bootstrap.scss';

or try to add any comment (//) in any of my files, seems like /* */ is fine though.

This is my package.json

And this is my webpack.config.js

// webpack.config.js
const { VueLoaderPlugin } = require('vue-loader')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const TerserPlugin = require('terser-webpack-plugin')
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')

let glob = require('glob')
let path = require('path')

module.exports = {
  entry: glob.sync('./application/packages/**/views/**/js/*.js').reduce(function(obj, el) {
    obj[path.parse(el).name] = el;
    return obj
  }, {}),
  output: {
    path: path.resolve(__dirname, './assets/static-generated/js'),
    filename: "[name].js"
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      // this will apply to both plain `.js` files
      // AND `<script>` blocks in `.vue` files
      {
        test: /\.js$/,
        loader: 'babel-loader'
      },
      // this will apply to both plain `.css` files
      // AND `<style>` blocks in `.vue` files
      {
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader'
        ]
      },
      {
        test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'resolve-url-loader',
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true
            }
          }
        ]
      }
    ]
  },
  plugins: [
    // make sure to include the plugin for the magic
    new VueLoaderPlugin(),
    new MiniCssExtractPlugin({
      filename: '../css/[name].css',
      chunkFilename: '../css/[id].css'
    })
  ],
  resolve: {
    alias: {
      vue: process.env.NODE_ENV === 'development' ? 'vue/dist/vue.js' : 'vue/dist/vue.min.js'
    }
  },
  optimization: {
    minimize: process.env.NODE_ENV === 'development' ? false : true,
    minimizer: [
      new TerserPlugin({
        extractComments: false,
        terserOptions: {
          compress: {},
          mangle: true,
          toplevel: true,
          format: {
            comments: false,
          },
        },
      }),
      new CssMinimizerPlugin()
    ]
  }
}

What am I doing wrong?
Thanks in advance

[cuartas15]

Fixed it, the file that contained these imports and // comments was being imported by another file like: @import url('path/to/this/file.scss'), the key here was to remove url() and it worked just fine