Add options to Vue CSS loaders

Description:

I can’t seem to find a way to add options to Vue CSS loaders. For example, I’d like to add includePaths to Vue’s sass-loader, but I don’t see an option anywhere in the API. I’ve looked in laravel-mix/src/builder/webpack-rules.js, but there doesn’t seem to be a place I can leverage.

Thoughts?

[lysz210]

with laravel-mix 2.0 it can be done extending mix. With the mix.extend function you get the compiled webpack config, then find vue-loader and add the i18n loader, i preferd webpack-merge.smart

mix.extend('addI18nLoader', (webpackConfig, ...args) => {
    let vueLoader = webpackConfig.module.rules.find(loader => loader.loader == 'vue-loader')
    vueLoader.options = require('webpack-merge').smart(
        vueLoader.options,
        {
            loaders: {
                i18n: '@kazupon/vue-i18n-loader'
            }
        }
    )
})
mix.addI18nLoader()
...

[mrcsmcln]

@xxRockOnxx you need the exclude property in that config because Mix uses merge.smart() from webpack-merge and merge.smart() requires that the properties be the same to override a specific rule block.