Build vuetify w/ webpack without styles?

[jchatard]

Hi,

I'm using webpack with vuetify-loader, And I would like to exclude all SASS from the build process to reduce package sizes.

// webpack.config.js

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')

module.exports = {
  module: {
    plugins: [
      new VuetifyLoaderPlugin({
        match (originalTag, { kebabTag, camelTag, path, component }) {
          if (kebabTag.startsWith('core-')) {
            return [
              camelTag,
              `import ${camelTag} from '@/components/core/${camelTag.substring(4)}.vue'`
            ]
          }
        }
      })
    ],
    rules: [
      {
        test: /\.s([ca])ss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          {
            loader: 'sass-loader',
            // Requires sass-loader@^8.0.0
            options: {
              implementation: require('sass'),
              sassOptions: {
                indentedSyntax: true // optional
              },
            },
          },
        ],
      },
    ],
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  }
}

I'm quite new to webpack and can't find a way around this.

If you have any idea, that would be great!

Thank you,
Jérémy

[KaelWD]

https://webpack.js.org/loaders/null-loader/

[jchatard]

Thank you!