jackmiwamiwa devblog

フロントエンドをメインに行ったことをまとめていくサイトになります。

pug-lintを触ってみる

pugのlintを導入したので、その時のメモ

pug-lintインストール

インストール

$ yarn add -D pug-lint

or

$ npm install -D pug-lint

www.npmjs.com

.pug-lintrcを作成

$ touch .pug-lintrc

.pug-lintrc設定

ルール記載

書き方例

{
  "validateIndentation": 2
}

詳しいルール一覧

github.com

pug + gulpの連携

gulp-pug-linterインストール

$ yarn add -D gulp-pug-linter

www.npmjs.com

gulpfile.jsに記載

// pugの処理
const htmlFunc = () => {
  return src(srcPath.html)
    // いろいろ省略
    .pipe(pugLinter({ reporter: 'default' }))
    // いろいろ省略
}

補足(webpack, vue)

webpack + pug-lint

www.npmjs.com

vue + pug-lint

www.npmjs.com

www.npmjs.com

参考一覧

github.com

tech.arc-one.jp

smart.ataglance.jp