LoginSignup
4
3

More than 5 years have passed since last update.

grunt-slim における partial の使い方。

Posted at

middleman(ruby) ではなく grunt(node) で slim 使いたいマン

先に書くと、今回トライしてみたもののあまりメリットが感じられませんでした。

ですが、昨今のフロントエンドは、HTMLテンプレートがあれもこれもありすぎて、これだけ使うんで(ドヤぁ)!という考えもアリといえばアリ。

そういう意味合いで、今回は grunt-slim を採用してみた。

middleman でできたのに、grunt だと....

それもそのはず、多くの機能は(include 系 render 系)、railsやmiddlemanが準備してくれた helper じゃあ どうするか、 slim が提供している template 機能を使う。

具体的には、ここを読む。

実例

とりあえず、そんな大きな案件でもないので、parital で切り分けて、視界良好のうえ、作業がコンフリクトしない程度でよい。
つまり、 middleman でいう partial を使う

├── src
│   ├── index.slim
│   ├── parts
│   │   ├── hogehoge.slim

みたいな場合に index.slim で

== Slim::Template.new('src/parts/hogehoge.slim').render

とすればよい。

注意点とすれば

==

とする点である。こうしないと html コードではなく string で挿入される。

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3