Vite初级技能认证测试

19 题 40 分钟难度：★

💡 参考答案在文末

判断题

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

对

错

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

对

错

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

对

错

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

对

错

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

对

错

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

对

错

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

对

错

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

对

错

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

对

错

单选题

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

npm install vite

npm create vite my-app

npm init vite@latest my-app

npm run create vite

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

修改 package.json 中的 port 字段

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

创建 .env 文件设置 PORT 变量

在 index.html 中添加 meta 标签

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

图片的 Base64 编码字符串

图片文件的二进制数据

图片资源的 URL 路径

图片文件的完整路径

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

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

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

config = { server: { port: 3000 } }

return { server: { port: 3000 } }

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

*.css

*.module.css

*.scoped.css

*.local.css

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

API_KEY=abc123

VITE_API_KEY=abc123

env.VITE_API_KEY=abc123

process.env.VITE_API_KEY=abc123

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

使用多线程并行打包

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

使用更高效的压缩算法

缓存所有依赖到内存中

在 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>

填空题

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

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

参考答案

1.错误 2.正确 3.正确 4.正确 5.正确 6.错误 7.正确 8.正确 9.正确 10.C 11.B 12.C 13.A 14.B 15.B 16.B 17.B 18.vite.config.js 19.Evan You;vite

想在手机上练习这套试卷？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码