rules exclude no webpack.config.js

Já entendi o porque, posteriormente vamos chamar a pasta boostrap de dentro do node_modules, importando direto pelo arquivo app.js. Portanto nao faz sentido colocarmos no gitignore uma vez que vamos precisar importar arquivos la de dentro. Otimo saber a convencao de que quando nao especificamos o path do import, o webpack ja sabe que o arquivo se encontra dentro da pasta node_modules

Aconteceu que eu usei essa syntax na hora de importar os arquivos bootstrap do node_modules

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';

e fiquei tendo essa mensagem de erro ao dar o npm start

ERROR in ./app-src/app.js
Module not found: Error: Can't resolve '../node_modules/bootstrap/dist/css/b' in '/Users/atilalima/Desktop/Alura/projeto-webpack/client/app-src'
 @ ./app-src/app.js 4:0-46
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./app-src/app.js

Lendo a mensagem de erro eu vi que havia um problema acontecendo na hora dessa importaçao e ao inves de fazer o path mencionado na mensagem acima eu tentei fazer o path normal

import '../node_modules/bootstrap/dist/css/bootstrap-theme.css';
import '../node_modules/bootstrap/dist/css/bootstrap.css';

E ai rolou o compiling ok

webpack: Compiling...
Hash: 9f65849f8b67644d0b9a
Version: webpack 3.1.0
Time: 520ms
                                 Asset     Size  Chunks                    Chunk Names
  f4769f9bdb7466be65088239c12046d1.eot  20.1 kB          [emitted]         
448c34a56d699c29117adc64c43affeb.woff2    18 kB          [emitted]         
 fa2772327f55d8198301fdb8bcfc8158.woff  23.4 kB          [emitted]         
  e18bbf611f2a2e43afc071aa2f4e1512.ttf  45.4 kB          [emitted]         
  89889688147bd7575d6327160d64e760.svg   109 kB          [emitted]         
                             bundle.js   556 kB       0  [emitted]  [big]  main
  [95] ./app-src/app.js 656 bytes {0} [built]
 [114] ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.eot 82 bytes {0} [built]
 [115] ./node_modules/bootstrap/dist/css/bootstrap.css 984 bytes {0} [built]
 [116] ./node_modules/css-loader!./node_modules/bootstrap/dist/css/bootstrap.css 154 kB {0} [built]
 [117] ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2 84 bytes {0} [built]
 [118] ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff 83 bytes {0} [built]
 [119] ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf 82 bytes {0} [built]
 [120] ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.svg 82 bytes {0} [built]
    + 113 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 9f65849f8b67644d0b9a
Version: webpack 3.1.0
Time: 25ms
  [95] ./app-src/app.js 656 bytes {0} [built]
    + 120 hidden modules
webpack: Compiled successfully.

Alguem poderia me dar um palpite do que fiz errado?