[Vuejs]-Why is css broken after webpack update

by

0👍

✅

I was following this documentation, but in our specific case exchanging vue-style-loader with style-loader did the trick:

        {
            test: /\.css$/,
            use: ['vue-style-loader', 'css-loader'],
        },
        {
            test: /\.scss$/,
            use: ['vue-style-loader', 'css-loader', 'sass-loader'],
        },

should be:

        {
            test: /\.(scss|css)$/,
            use: ['style-loader', 'css-loader', 'sass-loader'],
        },

This is somewhat in line with the git documentation, "in most cases you don’t need to configure this loader yourself", so there seems to be a current ambiguity in the vue-style-loader documentation

I’ll keep the topic open in case anybody else stumbles on this issue.

Leave a comment