Vite初级技能认证测试

19 题 40 分钟难度：

判断题

Vite 在开发环境下使用浏览器原生 ESM 进行模块加载，而不是像 Webpack 那样先将所有模块打包成一个 bundle。

对

错

单选题

Vite 实现快速冷启动的核心技术方案是什么？

使用多线程并行打包

利用浏览器原生 ESM 按需加载模块

使用更高效的压缩算法

缓存所有依赖到内存中

填空题

Vite 由 Vue.js 作者 ________ 创建，其名称来源于法语单词"______"，意为"快速"。

判断题

Vite 要求 Node.js 版本必须 >= 14.18 才能正常运行。

对

错

单选题

使用 npm 创建一个新的 Vite 项目，应该执行哪个命令？

npm install vite

npm create vite my-app

npm init vite@latest my-app

npm run create vite

判断题

Vite 配置文件 vite.config.js 必须使用 defineConfig 函数包装配置对象。

对

错

单选题

以下哪个是 Vite 配置文件的正确格式？

export default defineConfig({ server: { port: 3000 } })

module.exports = { server: { port: 3000 } }

config = { server: { port: 3000 } }

return { server: { port: 3000 } }

填空题

Vite 配置文件的默认名称是 ______________

判断题

root 配置项用于指定 Vite 项目的根目录，默认为当前工作目录。

对

错

判断题

Vite 开发服务器默认监听 3000 端口。

对

错

单选题

如何修改 Vite 开发服务器的监听端口？

修改 package.json 中的 port 字段

在 vite.config.js 中配置 server.port

创建 .env 文件设置 PORT 变量

在 index.html 中添加 meta 标签

判断题

在 Vite 项目中，可以通过 import 语句导入图片等静态资源。

对

错

单选题

在 JS 中导入一个图片资源，导入的值是什么？

图片的 Base64 编码字符串

图片文件的二进制数据

图片资源的 URL 路径

图片文件的完整路径

判断题

在 Vite 中通过 import 导入的 CSS 文件，其样式会全局生效。

对

错

单选题

CSS Modules 文件应该使用什么命名格式？

*.css

*.module.css

*.scoped.css

*.local.css

判断题

只有以 VITE_ 为前缀的环境变量才会暴露给客户端代码。

对

错

单选题

在 .env 文件中定义一个可供客户端访问的环境变量，正确的格式是？

API_KEY=abc123

VITE_API_KEY=abc123

env.VITE_API_KEY=abc123

process.env.VITE_API_KEY=abc123

判断题

Vite 项目中，index.html 是项目的入口文件，而不是 JS 文件。

对

错

单选题

在 Vite 的 index.html 中引入 JS 文件，应该使用什么方式？

<script src="./src/main.js"></script>

<script type="module" src="/src/main.js"></script>

<script type="text/javascript" src="main.js"></script>

<link rel="script" href="./src/main.js"></link>

📝 发现内容有误？点击此处直接编辑

想参加完整模拟考试？

小程序提供计时考试、自动评分和详细解析

长按或扫描二维码，立即体验