<p dir="auto"><code class="notranslate">index.js</code> file in all of <code class="notranslate">bower-angular-*</code> repositories has a syntax error:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="require('./angular-sanitize');

module.exports = angular-sanitize;"><pre class="notranslate"><span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'./angular-sanitize'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-s1">angular</span><span class="pl-c1">-</span><span class="pl-s1">sanitize</span><span class="pl-kos">;</span></pre></div>
<p dir="auto"><a href="https://github.com/angular/bower-angular-sanitize/blob/master/index.js">(link)</a></p>
<p dir="auto">Which makes it a bit more complicated to use them with browserify. I couldn't find the script that's used to generate those repos, but the fix would be as simple as rewriting the file to:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="module.exports = require('./angular-sanitize');"><pre class="notranslate"><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'./angular-sanitize'</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">Another option would be to add <code class="notranslate">"main":"angular-sanitize.js"</code> to <code class="notranslate">package.json</code> <a href="https://docs.npmjs.com/files/package.json#main" rel="nofollow">(spec)</a> and not have an <code class="notranslate">index.js</code> file at all (as it's already done in <code class="notranslate">bower.json</code>).</p>
<p dir="auto">I've got a webpack-based angular project that uses the angular-mocks package for our test suite.  Did a fresh install today and got the 1.3.9 package of angular-mocks and started getting the error on launch:</p>
<p dir="auto"><code class="notranslate">ReferenceError: mocks is not defined</code></p>
<p dir="auto">Looking at angular-mocks/index.js, it's entire content is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="require('./angular-mocks');

module.exports = angular-mocks;"><pre class="notranslate"><code class="notranslate">require('./angular-mocks');

module.exports = angular-mocks;
</code></pre></div>