タグ

ブックマーク / qiita.com/terrierscript (2)

  • ここがすごいぞ! stylelint! - Qiita

    ESLintのようなconfigでPostCSSプラグインとして動くstylelint。 唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん!」みたいなプロダクトが実際とても良かったので色々利点を記載。 導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSLintをstylelintにする ESLintっぽくて良い所 javascriptLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。 また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 config周りがESLintにすごく近いので覚えることが少なめ 肝となるstylelintのconfigは、だいたいこんな感じで、ESLintにかなり近く作ら

    ここがすごいぞ! stylelint! - Qiita
    oppara
    oppara 2018/10/01
  • なんとなくで理解しないWebpackのCSS周辺 - Qiita

    CSS in JSに夢を見たが、なかなか一筋縄では行かなかったので1、webpackにおけるCSS気で向き合ってみた。 しかしまだ理解が甘いところがあったのでloader, pluginまわりの関係性を整理した。 (前置き)webpackの基礎情報 css関連の題にはいる前に、webpackの基礎を再確認する。 Webpackの特徴 webpackの特徴的な事項として、CSSや画像など、javascriptでないデータも基的に全てをjavascriptで扱ってしまう、という事が挙げられる。 同等の対抗として挙げられるbrowserifyやrollupは、あくまでも「javascriptのmodule解決」にフォーカスしているのに対して、webpackは全く違う方向を向いている loaderとpluginの違い 結構あやふやに扱っていたが、上記のwebpackの基部分を明確にして考

    なんとなくで理解しないWebpackのCSS周辺 - Qiita
    oppara
    oppara 2018/05/20
  • 1