How to configure the webpacker to work with stylus so I can use Vuetify? How to configure the webpacker to work with stylus so I can use Vuetify? vue.js vue.js

How to configure the webpacker to work with stylus so I can use Vuetify?


With webpacker 3 you can add loaders as explained in the loaders section of the docs.

Here is my configuration for stylus-loader in my webpack/environment.js

environment.loaders.append('stylus', {  test: /\.styl$/,  use: ['style-loader', 'css-loader', 'stylus-loader']})

Also additional information can be found here on vuetify's website: setting up stylus loader with webpack and here

Also, I don't think environment.loaders.set works anymore. Use append.