Continuous integration 使用stylelint检查供应商前缀是否存在

Continuous integration 使用stylelint检查供应商前缀是否存在,continuous-integration,stylelint,Continuous Integration,Stylelint,我正在寻找一种方法来防止Webpack/SCSS/postsss/CSS管道创建没有供应商前缀的CSS文件 我们使用autoprefixer应用供应商前缀。在过去,这个版本被意外禁用,IE11版本被破坏 我知道Stylelint会检查是否有供应商前缀,然后抛出错误等。有没有办法用Stylelint实现相反的效果。我愿意为该功能编写/扩展规则或插件 或者:任何其他不需要Stylelint的解决方案对我来说都是可以接受的-只要它被证明是有效的。如果您只尝试强制使用一个供应商前缀,您应该能够使用此插件

我正在寻找一种方法来防止Webpack/SCSS/postsss/CSS管道创建没有供应商前缀的CSS文件

我们使用
autoprefixer
应用供应商前缀。在过去,这个版本被意外禁用,IE11版本被破坏

我知道
Stylelint
会检查是否有供应商前缀,然后抛出错误等。有没有办法用Stylelint实现相反的效果。我愿意为该功能编写/扩展规则或插件


或者:任何其他不需要Stylelint的解决方案对我来说都是可以接受的-只要它被证明是有效的。

如果您只尝试强制使用一个供应商前缀,您应该能够使用此插件。如果需要根据其他规则为不同的供应商指定不同的前缀,则必须自行调整项目并调整逻辑

我还没有亲自测试过这个插件,所以我建议您查看index.js中的逻辑,确保它做了您想要的事情。具体来说,您可能希望查看消息并对其进行自定义

当然,还要测试插件是否能满足您的需要

如自述文件所述,您只需指定所需的前缀:

{
  "plugins": [
    "stylelint-force-app-name-prefix"
  ],
  "rules": {
    // ...
    "plugin/stylelint-force-app-name-prefix": {
      appName: 'your-prefix'
    },
    // ...
  }
}

不幸的是,这个插件只处理css类(选择器)的前缀。我正在寻找供应商前缀,如
-ms flexbox
等。编写插件肯定是一个解决方案。