개요

상세

인스코

yarn add -D stylelint stylelint-scss stylelint-config-standard stylelint-webpack-plugin

stylelint-webpack-plugin 적용

const StylelintPlugin = require('stylelint-webpack-plugin')

module.exports = {

  // 略

  build: {
    /*
    ** Run StyleLint on save
    */
    extend(config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.plugins.push(new StylelintPlugin({
          files: [
            '**/*.vue',
            '**/*.scss',
          ],
        }))
      }
    },
  },
}

stylelint-scss 적용

{
  "plugins": [
    "stylelint-scss"
  ],
  "extends": "stylelint-config-standard",
  "rules": {
    "scss/dollar-variable-colon-space-after": "always"
  }
}

참조