Webpack: Any plan for StyleLint?
I have a new parser for PostCSS/StyleLint, postcss-html.
features about vue:
- Compatible with vue component
- Support automatically fixes of StyleLint.
- Support syntax definded in
<style lang="*"> - Syntax detection by file extensions for non vue component file.
Usage:
stylelint "**/*.{vue,html,css,sss,less,scss,sass}" --custom-syntax postcss-html
Related:
- #154
- vuejs/vue-loader#303
- stylelint/stylelint#2975
/CC @dan-gamble
gucong3000
All 5 comments
Stylelint is used by Facebook, Wikipedia and GitHub.
create-react-app will support it in 2.0.
Right now it is the most popular CSS linter.
ai
on 4 Aug 2017
Stylelint is great! I've been adding it to all my frontend projects. I'd love to see support out of the box in the template.
maxmilton
on 6 Aug 2017
A temporary solution is separate your html, (s)css and js files to let PostCSS's plugin stylelint to process.
An elegant way to separate these file is using vue-separate-files-loader.
iFwu
on 6 Sep 2017
A temporary solution is separate your html, (s)css and js files to let PostCSS's plugin stylelint to process.
I used another solution, postcss-html for stylelint CLI
shell
stylelint "**/*.{vue,htm,html,css,sss,less,scss,sass}" --custom-syntax postcss-html
gucong3000
on 12 Sep 2017
@gucong3000 it鈥榮 nice to deal with it.
EliazTray
on 8 Dec 2017
Related issues
v1ar31
路
3Comments
divyanthj
路
3Comments
exarus
路
3Comments
hultberg
路
3Comments
kamaleshsivaraj
路
3Comments
Most helpful comment
I used another solution, postcss-html for stylelint CLI
shell stylelint "**/*.{vue,htm,html,css,sss,less,scss,sass}" --custom-syntax postcss-html