Как настроить webpack для поиска всех зависимых файлов s css без изменения файлов в node_modules - PullRequest
Новая
       27

Как настроить webpack для поиска всех зависимых файлов s css без изменения файлов в node_modules

0 голосов
/ 26 мая 2020

Webpack находит только s css файлов в node_modules с использованием символа тильды ~. Приложение работает, когда я добавляю ~ ко всем импортированным файлам s css в node_modules. Мне нужно найти способ, при котором мне не нужно изменять (добавлять ~) файлы, расположенные в node_modules, и этот веб-пакет может найти все зависимые файлы s css.

Ошибка сейчас: 

./src/Pages/Report/Report.scss Module build failed: 
      @import '@carbon/colors/scss/colors';
   ^File to import not found or unreadable: @carbon/colors/scss/colors.
  in /Users/klibm/Documents/5_2020_reactui/coolApp/client/node_modules/@carbon/secure/scss/globals/color/_index.scss (line 7, column 1)

Webpack.config.dev. json

          {
          test: /\.s[ac]ss$/i,
          use: [
              'style-loader',
              'css-loader',
              {
                  loader: 'sass-loader',
                  options: {
                    sassOptions: {
                      fiber:false,
                      indentWidth: 4,
                      includePaths: [ path.resolve(__dirname, '..', 'node_modules')]},
                  }
              },
              // 'sass-loader'
          ]
      },

Package. json

"webpack": "3.8.1",
"webpack-dev-server": "3.0.0",
"webpack-manifest-plugin": "1.3.2",
...