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