1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| // .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,
| },
| }
|
|
