title: How to exclude bootstrap files when CSS modules is enabled
body: <p>I am using both bootstrap and CSS modules by enabling the <code>css-loader</code>'s modules option in my project and unfortunately <code>css-loader</code> applys scoping on the bootstrap files too.</p>
  
  <p>I have an <code>app.scss</code> where I am importing all bootstrap sass files. And I import the <code>app.scss</code> file into my <code>app.js</code> file:</p>
  
  <p><code>import "./app.scss";</code></p>
  
  <pre><code>  { test: /\.scss$/,
      use: [
          {loader: "style-loader"},
          {
            loader: "css-loader",
            options: {
              sourceMap: true,
              modules: true,
              localIdentName: "[path][name]__[local]--[hash:base64:5]"
            }
          },
          {loader: "sass-loader"}
        ]
  </code></pre>
  
  <p>for example bootstrap's <code>.table</code> class turns to something like <code>.app__table--19A_z</code></p>
  
  <p>How do you think I can disable CSS modules for bootstrap files.</p>