These are chat archives for LearnBoost/stylus

16th
Dec 2016
Jae Lee
@jaequery
Dec 16 2016 01:10
hi guys, is styl-loader and stylus-loader referring to the same thing?
Michael Bøcker-Larsen
@mblarsen
Dec 16 2016 01:14
@jaequery The name of the loader corresponds to the name of a node_module webpack will try to resolve to. So unless you have a module named styl-loader installed it will not resolve to anything.
So stylus-loader is the way to go to use this package
Jae Lee
@jaequery
Dec 16 2016 01:15
ok then this is a bit confusing to me. because this project, https://github.com/vue-bulma/quill
is loading <style lang="styl">
i tried install styl-loader and found nothing
so i installed stylus-loader, but that is not working either
Michael Bøcker-Larsen
@mblarsen
Dec 16 2016 01:16
styl is the common type/extension of stylus
stylus-loader is the right loader for styl files. Your problem is elsewhere
What is the problem you are seing?
Jae Lee
@jaequery
Dec 16 2016 01:18
Module not found: Error: Cannot resolve module 'styl-loader' in /webpack/node_modules/vue-bulma-quill/src
Michael Bøcker-Larsen
@mblarsen
Dec 16 2016 01:18
Change it to stylus-loader
and ensure that you have that loader installed (npm install stylus-loader or yarn add stylus-loader)
Jae Lee
@jaequery
Dec 16 2016 01:20
it is installed, "stylus-loader": "^2.4.0",
Michael Bøcker-Larsen
@mblarsen
Dec 16 2016 01:20
  module: {
    loaders: [
      {
        id: 'style',
        test: regexp.style,
        loader: 'style-loader!css-loader!stylus-loader',
        exclude: [/node_modules/]
      }
  },
Example usage
The value of regexp.style above is /\.(styl|css)$/
So what happens when you've corrected the loader name?