Edited at

Lightning ComponentにJS/CSSをインポートする<ltng:require>

More than 3 years have passed since last update.

Lightning ComponentにJS/CSSをどうやってインポートするか問題が昨年末勃発しましたが、本家がJS/CSSをインポーするタグをいつのまにか提供し始めていました。

早速ですが、簡単なサンプルで試してみました。


ソースコード


SampleCmp.cmp

<aura:component implements="force:appHostable">

<ltng:require styles="/resource/bootstrap" />
<h1>カードレイアウト</h1>
<div class="card">
<div class="card-heading">ぶちすごい株式会社</div>
<div class="card-detail">ぶちすごい株式会社はぶちすごい製品やサービスを提供する企業じゃけーよー覚えときんさい</div>
</div>
</aura:component>


スクリーンショット


ドキュメント

ドキュメントはauradocsから参照できました。

https://login.salesforce.com/auradocs/reference.app#reference?descriptor=ltng:require&defType=component

StackExchangeでは、まだプロトだと書いてあるので、まだ参考程度と考えておいたほうがよさそうです。

* How to use jQuery (or any JS lib) in initial post rendering of Lightning Components


まとめ

<ltng:require>でLightning ComponentにJS/CSSを読み込めることを確認できました。

これで一定の解になっていればいいのですが、コンポーネント内に閉じた実装にはできなさそうな感じです。

さて、今後どうなっていくんでしょうか?