vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 配置vite.confgi.ts无法使用require

配置vite.confgi.ts无法使用require问题以及解决

作者:chendf_

这篇文章主要介绍了配置vite.confgi.ts无法使用require问题以及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

在配置vite.config.ts中无法使用require

在ts文件中使用require报错找不到 ”require“

如果你只有一个使用require的文件,或者你这样做是为了演示,你可以在TypeScript文件的顶部定义require。

declare var require: any

如果使用的是 typeScript2.x 那么只需要安装以下包即可

npm install @types/node --save-dev

vite.config.ts中使用require和process

我们在vue3.0+vite+typescript 开发时,需要环境变量设置.env 文件,在vite.config.ts中使用

这是vite官网的使用方法

首先在typescript中使用require方法 需要安装 @types/node ,为了实现引入 dotenv

//安装 @types/node
npm i --save-dev @types/node

安装 dotenv

//安装 dotenv
npm install dotenv

在vite.config.ts中使用

// Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中
require('dotenv').config()
console.log(process.env);

Dotenv 是一个零依赖的模块,它能将环境变量中的变量从 .env 文件加载到 process.env 中

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文