用于 Nuxt.js 的 Stylelint 模块
注意:此分支适用于兼容 Nuxt 3 或 Nuxt Bridge 的模块。如需 Nuxt 2 支持,请查看 nuxt2 分支。
您需要确保已安装 stylelint
使用 pnpm
pnpm add -D stylelint
或者,使用 yarn
yarn add -D stylelint
或者,使用 npm
npm install -D stylelint
@nuxtjs/stylelint-module 依赖项添加到您的项目中npx nuxi@latest module add stylelint
@nuxtjs/stylelint-module 添加到 nuxt.config.js 的 modules 部分export default {
modules: [
// Simple usage
"@nuxtjs/stylelint-module",
// With options
[
"@nuxtjs/stylelint-module",
{
/* module options */
},
],
],
};
export default {
modules: ["@nuxtjs/stylelint-module"],
stylelint: {
/* module options */
},
};
请参阅 stylelint 的选项 以获取可用选项的完整列表。这些选项将直接传递给 stylelint。
缓存Booleantrue注意:默认启用缓存以减少执行时间。
包含String|Array[String][nuxt.options.srcDir.'/**/*.{css,scss,sass,less,styl,vue}']指定目录、文件或 glob 模式。
excludeArray[String]['**/node_modules/**', 'virtual:', nuxt.options.buildDir]指定要排除的文件和/或目录。
stylelintPathStringstylelint用于 linting 的 stylelint 实例的路径。
formatterFunction'string'指定您希望用于格式化结果的格式化程序。
lintOnStartBooleantrue在项目启动时也检查所有匹配的文件,速度较慢,请谨慎开启。
lintDirtyOnlyBooleantrueStylelint 运行时仅对更改的文件进行 lint,除了 buildStart 钩子外,禁用时将对 include 选项中指定的所有文件进行 lint。
emitWarningBooleantrue将打印发现的警告。
emitErrorBooleantrue将打印发现的错误。
failOnWarningwebpack // 仅适用于 webpack 构建器Booleanfalse如果存在任何警告,将导致模块构建失败,基于 emitWarning。
遇到错误时失败webpack // 仅适用于 webpack 构建器Booleantrue如果存在任何错误,将导致模块构建失败,基于 emitError。
您可以通过 CodeSandBox 在线为该模块贡献代码
或在本地
pnpm install 安装依赖pnpm dev:prepare 准备开发服务器pnpm build 构建模块pnpm dev 启动游乐场版权所有 (c) Nuxt Modules