Webpack не может найти scss в node_modules - PullRequest
0 голосов
/ 18 мая 2019

Webpack не может найти scss в node_modules

  {
        test: /\.scss$/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader' },
          {
            loader: 'sass-loader',
            options: {
              includePaths: ['./node_modules'],
              sourceMap: true
            }
          }
        ]
      },

и в файле SCSS ..
@import '~bootstrap-sass/assets/stylesheets/bootstrap';

@import '~bootstrap-sass/assets/stylesheets/bootstrap';
^
      File to import not found or unreadable: ~bootstrap-sass/assets/stylesheets/bootstrap.

1 Ответ

0 голосов
/ 18 мая 2019

Вы должны проверить свой конфиг со мной, и я не думаю, что вам нужно использовать includePaths: ['./node_modules'],

{
    test: /\.scss$/,
    use: [
        'style-loader',
        MiniCssExtractPlugin.loader,
        {
            loader: "css-loader",
            options: {
                minimize: true,
                sourceMap: true
            }
        },
        {
            loader: "sass-loader"
        }
    ]
},

Тогда я могу импортировать его без проблем

@import "~bootstrap/scss/bootstrap";
@import "~font-awesome/scss/font-awesome";
@import "~toastr/toastr";
@import "~react-select/dist/react-select.css";
@import "~react-bootstrap-table/dist/react-bootstrap-table-all.min.css";

Вы можете найтимой полный конфиг здесь

...