<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">running <code class="notranslate">yarn build</code> with <code class="notranslate">@zeit/next-sass</code> and using <code class="notranslate">css-modules</code> should result in ALL css being compiled and available in the build site.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">That's not the case.  Only CSS for a single page / component is included, everything else is unstyled.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>clone this repo: <a href="https://github.com/Kyle-Mendes/next-sass-modules">https://github.com/Kyle-Mendes/next-sass-modules</a></li>
<li>run <code class="notranslate">yarn build</code></li>
<li>run <code class="notranslate">yarn start</code></li>
<li>visit: <code class="notranslate">localhost:3000/</code>
<ul dir="auto">
<li>The button may or may not be pink</li>
</ul>
</li>
<li>visit <code class="notranslate">localhost:3000/test</code>
<ul dir="auto">
<li>The headline may or may not be large and green.</li>
</ul>
</li>
</ol>
<p dir="auto">Likely, the button is unstyled and the headline is styled.</p>
<p dir="auto">My main project has hundreds of components, and right now, only one style is applied for the entire site.  If <code class="notranslate">components</code> in the example was larger, there would still be only one styled component.</p>
<p dir="auto">I put a debugger in client side page (in the /pages dir specifically) and the chrome developer tool will pause but in the screen that usually shows source code to step through I see a blank window.</p>
<p dir="auto">p.s. great job btw, nextjs is sweet.</p>



<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<h2 dir="auto">Current Behavior</h2>


<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>put DEBUGGER in any component render function</li>
<li>chrome browser will pause</li>
<li>open developer tools, go to Source tab</li>
<li>in the javascript asset, there is no source code, instead I see:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="null

// WEBPACK FOOTER //
// ./pages/broker_of_record.js"><pre class="notranslate"><code class="notranslate">null

// WEBPACK FOOTER //
// ./pages/broker_of_record.js
</code></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="## Context

I cannot step through source code and debug 😞 

## Your Environment

| Tech    | Version |
|---------|---------|
| next    |    3.2.1     |
| node    |    v8.4.0     |
| OS      |   macOS Sierra 10.12.6      |
| browser |  Version 61.0.3163.79 (Official Build) (64-bit)       |
| etc     |         |"><pre class="notranslate"><code class="notranslate">## Context

I cannot step through source code and debug 😞 

## Your Environment

| Tech    | Version |
|---------|---------|
| next    |    3.2.1     |
| node    |    v8.4.0     |
| OS      |   macOS Sierra 10.12.6      |
| browser |  Version 61.0.3163.79 (Official Build) (64-bit)       |
| etc     |         |
</code></pre></div>