12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- // .stylelintrc.cjs
- module.exports = {
- root: true,
- extends: [
- // stylelint-config-standard 替换成了更宽松的 stylelint-config-recommended
- 'stylelint-config-recommended',
- // stylelint-config-standard-scss 替换成了更宽松的 stylelint-config-recommended-scss
- 'stylelint-config-recommended-scss',
- 'stylelint-config-recommended-vue/scss',
- 'stylelint-config-html/vue',
- 'stylelint-config-recess-order',
- ],
- plugins: ['stylelint-prettier'],
- overrides: [
- // 扫描 .vue/html 文件中的<style>标签内的样式
- {
- files: ['**/*.{vue,html}'],
- customSyntax: 'postcss-html',
- },
- {
- files: ['**/*.{css,scss}'],
- customSyntax: 'postcss-scss',
- },
- ],
- // 自定义规则
- rules: {
- 'prettier/prettier': true,
- // 允许 global 、export 、v-deep等伪类
- 'selector-pseudo-class-no-unknown': [
- true,
- {
- ignorePseudoClasses: ['global', 'export', 'v-deep', 'deep'],
- },
- ],
- 'unit-no-unknown': [
- true,
- {
- ignoreUnits: ['rpx'],
- },
- ],
- // 处理小程序page标签不认识的问题
- 'selector-type-no-unknown': [
- true,
- {
- ignoreTypes: ['page'],
- },
- ],
- 'comment-empty-line-before': 'never', // never|always|always-multi-line|never-multi-line
- 'custom-property-empty-line-before': 'never',
- 'no-empty-source': null,
- 'comment-no-empty': null,
- 'no-duplicate-selectors': null,
- 'scss/comment-no-empty': null,
- 'selector-class-pattern': null,
- 'font-family-no-missing-generic-family-keyword': null,
- },
- }
|