[Middleman 3] Middleman: Sprockets の append_path に bower_components や node_modules を追加して require する

bower や npm インストールした JS や CSS を読み込む。

[markdown]
先日、リサーチした点について。

> * [2016年度にフロントエンドまわりで何に取り組むのか | deadwood](https://www.d-wood.com/blog/2016/04/06_7889.html)

Rails-assets を利用している部分に関しては、現段階でも取り除く事ができることを思い出した。
[以前にもやっていたのに](https://www.d-wood.com/blog/2014/05/23_6266.html)すっかり忘れていた。

## 使い方

config.rb に設定を加える。

> * [Sprockets: How to use append_path – Middleman Forum](https://forum.middlemanapp.com/t/sprockets-how-to-use-append-path/169/2)

“`ruby:config.rb
# add node_modules & bower_components to sprocket’s path
after_configuration do
sprockets.append_path “#{root}/bower_components”
sprockets.append_path “#{root}/node_modules”
end
“`

JavaScript であればこのように、

“`javascript:all.js
//= require jquery/dist/jquery.js
“`

CSS もこのように読み込める。

“`css:all.css.scss
//= require normalize.css/normalize.css
“`

## 補遺

Middleman v4 で Middleman-Sprockets を使い続ける場合には、いろいろと変更が必要そうだ。

> * [middleman/middleman-sprockets: Sprockets support for Middleman](https://github.com/middleman/middleman-sprockets)
[/markdown]