@ascendancy/vue-cli-plugin-stylelint (英语)

vue-cli 的样式林特插件

注入的命令

• vue-cli-service lint:style

  Usage: vue-cli-service lint:style [options] [...files]
  
  Options:
  
    --no-fix           do not auto-fix errors
    --options          list additional stylelint cli options
  

  林茨和修正文件。 如果没有给出特定文件, 它会将所有 vue 文件, html 文件, 和样式表输入 src。 。 。 .

配置 (vue.config.js, "vue" in package.json) (中文(简体) )

使用( 重建) 连接 stylelint-webpack-plugin 可用 lintStyleOnBuild 选项。 也可以为样式lint提供附加选项. 在样式lint 上查看可用的选项 网站。 。 。 .

module.exports = {
  // ...
  pluginOptions: {
    lintStyleOnBuild: true,
    stylelint: {
      fix: true, // boolean (default: true)
      files: '', // string | [string] (default: ['src/**/*.{vue,htm,html,css,sss,less,scss}'])
      // See https://stylelint.io/developer-guide/formatters/
      formatter: () => {} // function (default: require('stylelint-codeframe-formatter'))
      // etc...
    }
  }
}

在已创建的工程中安装

npm install -D @ascendancyy/vue-cli-plugin-stylelint
vue invoke @ascendancyy/vue-cli-plugin-stylelint

引用插件的缩写
vue invoke @ascendancyy/stylelint

网包链喷出

• config.plugin('stylelint')
• config.plugin('stylelint').use('stylelint-webpack-plugin')
• config.plugin('friendly-errors').tap(/* Adds additional transformer and formatter */)