<!DOCTYPE html>
<!-- 定义文档类型为HTML5 -->
<html lang="en">
  <head>
    <!-- 设置字符编码为UTF-8 -->
    <meta charset="utf-8">
    <!-- 强制IE浏览器使用最新的渲染引擎 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 设置视口，确保页面在移动设备上正确显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 设置网站图标 -->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- 根据是否是生产环境设置标题，生产环境不显示'dev - ' -->
    <title><%= htmlWebpackPlugin.options.isProd ? '' : 'dev - ' %>电商后台管理系统</title>

    <% if(htmlWebpackPlugin.options.isProd){ %>
    <!-- 如果是生产环境，加载nprogress的样式表文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.css" />
    <!-- 加载富文本编辑器Quill的样式表文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.core.min.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.snow.min.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.bubble.min.css" />
    <!-- 加载Element UI框架的样式表文件 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    
    <!-- 加载Vue.js库 -->
    <script src="https://cdn.staticfile.org/vue/2.5.22/vue.min.js"></script>
    <!-- 加载Vue Router库 -->
    <script src="https://cdn.staticfile.org/vue-router/3.0.1/vue-router.min.js"></script>
    <!-- 加载Axios库，用于HTTP请求 -->
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <!-- 加载Lodash库，提供实用函数 -->
    <script src="https://cdn.staticfile.org/lodash.js/4.17.11/lodash.min.js"></script>
    <!-- 加载ECharts库，用于数据可视化 -->
    <script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script>
    <!-- 加载nprogress的JavaScript文件 -->
    <script src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
    <!-- 加载富文本编辑器Quill的JavaScript文件 -->
    <script src="https://cdn.staticfile.org/quill/1.3.4/quill.min.js"></script>
    <!-- 加载Vue Quill Editor的JavaScript文件，用于Vue集成Quill -->
    <script src="https://cdn.jsdelivr.net/npm/vue-quill-editor@3.0.4/dist/vue-quill-editor.js"></script>

    <!-- 加载Element UI框架的JavaScript文件 -->
    <script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>

    <% } %>

  </head>
  <body>
    <!-- 如果浏览器禁用JavaScript，显示警告信息 -->
    <noscript>
      <strong>We're sorry but vue_shop_admin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <!-- Vue应用挂载点 -->
    <div id="app"></div>
    <!-- 构建后的文件将自动注入到此处 -->
  </body>
</html>