目录package.JSON 配置 type 选项eslint 支持 esm 配置使用 eslint.config.jsjest 中使用 esm使用 jsx 语法 esm 支持小结p
node.js 已经支持了 esm 的模式,写 esm 需求开始大于 commonjs 的需求。但问题一些库对 esm 支持相对较慢。下面盘点:eslint 和 jest 中使用 esm 遇到的问题。
{
"name": "debugger-source-code",
"version": "1.0.0",
"description": "",
"main": "index.js",
"type": "module",
"scripts": {},
"keyWords": [],
"author": "",
"license": "ISC",
"dependencies": {}
}
告诉这个项目使用 esm 的方式来处理。
eslint 支持 esm 有两种方式:
npm init @eslint/config # 使用命令初始化 eslint 的配置
eslint 命令使用问答的方式生成一个配置文件。我们选择的时候按照浏览器 esm 的选项进行选择,得到的一个 .eslintrc.cjs
:
module.exports = {
"env": {
"browser": true,
"es2021": true
},
"extends": "eslint:recommended",
"overrides": [
],
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"rules": {
}
}
注意 后缀时 .cjs
的内容, 输出的是一个 commonjs 的模块的配置文件,在现有的版本中是不支持的 esm 的配置文件,如果配置文件被编辑器报了非 esm
错误,可以将配置文件添加到 .eslintignore
文件中,或者使用其他类型文件配置项目。
eslint 在新的版本中,实验性开始支持 eslint.config.js
文件,此文件需要输出一个 esm 的模块,这里不讲配, 一个简单的配置如下:
export default [
{
rules: {
semi: "error",
"prefer-const": "error"
}
}
]
当然这里不考虑扩展 js 语法到 JSX/TSX 等其他拓展文件,原生使用 esm 的语法
npm install jest
如果只是普通的 JS esm 语法其实不用配置 Jest, 但是需要启动 Jest 的时候添加 node.js 的属性支持
"scripts": {
"test": "NODE_OPTIONS=--experimental-vm-modules jest"
}
这里我们还是使用 babel, 使用 babel 的流程如下:
babel-jest、@bable/core、@babel/preset-env、@babel/preset-React
module.exports = {
presets: [['@babel/preset-env', {targets: {node: 'current'}}], '@babel/preset-react'],
};
修改 jest 的转换器:
export default {
transfORM: {
'\\.[jt]s?$': 'babel-jest' // babel-jest 来转换
},
};
参考
以上就是ESLint和Jest中使用esm示例详解的详细内容,更多关于ESLint Jest使用esm的资料请关注编程网其它相关文章!
--结束END--
本文标题: ESLint和Jest中使用esm示例详解
本文链接: https://www.lsjlt.com/news/198347.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0