CODEWITHSUNDEEP
webpacksasssass-loader
dev noob
dev noob

Reputation: 56

Setting up includepaths for node-sass in webpack config

Include paths not working when added to webpack config(or I am doing it wrong). I've tired two different methods.

I get the following error:

SassError: Can't find stylesheet to import.
  ╷
1 │ @import "config.scss";
  │         ^^^^^^^^^^^^
  ╵

src/home/myfile.scss

@import "config.scss";
...

src/assets/sass/config.scss

$config_value: 3;
...

/webpack.config.js

module.exports = {
    plugins: [
       ...plugins
    ],
    entry: {
        'styles.min': glob.sync("./src/**/*.scss"),
        'scripts.min': glob.sync("./src/**/*.js"),
    },
    output: {
        path: __dirname + `/dist/`,
    },
    module: {
        rules: [
            {
                test: /\.s[ac]ss$/i,
                use:[
                   ...loaders
                    // Compiles Sass to CSS
                    {
                        loader: "sass-loader",
                        options: {
                          sassOptions: {
                            includePaths: [
                                "./src/assets/sass/", 
                                path.resolve(__dirname, "src/assets/sass")
                            ],
                          },
                        },
                      },
                    ]

Upvotes: 1

Views: 2789

Answers (1)

user15835195
user15835195

Reputation: 9

Looks like you have a typo. "src/assests/sass" should be src/assets/sass

options: {
    sassOptions: {
      includePaths: [
          "./src/assets/sass/"
      ],
    },
},

Upvotes: 0

Related Questions