<template><h1 id="开发模式介绍" tabindex="-1"><a class="header-anchor" href="#开发模式介绍" aria-hidden="true">#</a> 开发模式介绍</h1>
<p>开发模式顾名思义就是我们开发代码时使用的模式。</p>
<p>这个模式下我们主要做两件事：</p>
<ol>
<li>编译代码，使浏览器能识别运行</li>
</ol>
<p>开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源</p>
<ol start="2">
<li>代码质量检查，树立代码规范</li>
</ol>
<p>提前检查代码的一些隐患，让代码运行时能更加健壮。</p>
<p>提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。</p>
</template>
