<h2 id="%E3%82%84%E3%82%8A%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#%E3%82%84%E3%82%8A%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8" aria-hidden="true"></a> やりたいこと</h2>
<p><code>yarn</code> ではなく <code>npm install</code> を叩いたらエラーを出す仕組みを作りたい</p>
<h2 id="%E5%AE%9F%E7%8F%BE%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E5%AE%9F%E7%8F%BE%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 実現方法</h2>
<ul>
<li>npmrc に <code>engine-strict=true</code> を記載する</li>
<li>npmrc とは npmの設定ファイル のことである</li>
</ul>
<div class="code-block-container"><pre class="language-js"><code class="language-js"><span class="token comment">// .npmrc</span>
engine<span class="token operator">-</span>strict<span class="token operator">=</span><span class="token boolean">true</span>
</code></pre></div><ul>
<li>package.jsonの <code>engines</code> を設定する</li>
</ul>
<div class="code-block-container"><pre><code>"engines": {
  "npm": "npmではなくyarnを使用してください"
}
</code></pre></div><p>2つの設定を完了させた上で<code>npm install</code>を叩いてみる</p>
<table>
<thead>
<tr>
<th>npm install コマンドを叩いた結果</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="https://res.cloudinary.com/zenn/image/fetch/s--ykoWLKru--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/508390/a61e1dd7-ed97-37e5-35e6-cd8260784848.png" alt="npm-error.png" loading="lazy" class="md-img"></td>
</tr>
</tbody>
</table>
<p>これで<code>yarn</code>を使用しているプロジェクトで<br>
間違って<code>npm install</code>を叩いてしまっても大丈夫ですね！</p>
<h2 id="%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE" aria-hidden="true"></a> 参考文献</h2>
<ul>
<li><a href="https://qiita.com/suin/items/994458418c737cc9c3e8" target="_blank" rel="nofollow noopener noreferrer">package.jsonに"engines"を設定すると「このバージョンのNode.jsでしか動かない」を表明</a></li>
<li><a href="https://zenn.dev/thao_0108/articles/10bb038982eff3#.npmrc" target="_blank">npmまとめ | .npmrc</a></li>
</ul>


yarn ではなく npm install を叩いたらエラーを出したい！を実現する方法が意外に簡単だった

Discussion