Module: Webpacker::Helper
- Defined in:
- lib/webpacker/helper.rb
Instance Method Summary collapse
-
#asset_pack_path(name, **options) ⇒ Object
Computes the full path for a given webpacker asset.
-
#javascript_pack_tag(name, **options) ⇒ Object
Creates a script tag that references the named pack file, as compiled by Webpack per the entries list in config/webpack/shared.js.
-
#stylesheet_pack_tag(name, **options) ⇒ Object
Creates a link tag that references the named pack file, as compiled by Webpack per the entries list in config/webpack/shared.js.
Instance Method Details
#asset_pack_path(name, **options) ⇒ Object
Computes the full path for a given webpacker asset. Return relative path using manifest.json and passes it to asset_url helper This will use asset_path internally, so most of their behaviors will be the same. Examples:
In development mode:
<%= asset_pack_path 'calendar.js' %> # => "/packs/calendar.js"
In production mode:
<%= asset_pack_path 'calendar.css' %> # => "/packs/calendar-1016838bab065ae1e122.css"
11 12 13 |
# File 'lib/webpacker/helper.rb', line 11 def asset_pack_path(name, **) asset_path(Webpacker::Manifest.lookup(name), **) end |
#javascript_pack_tag(name, **options) ⇒ Object
Creates a script tag that references the named pack file, as compiled by Webpack per the entries list in config/webpack/shared.js. By default, this list is auto-generated to match everything in app/javascript/packs/*.js. In production mode, the digested reference is automatically looked up.
Examples:
# In development mode:
<%= javascript_pack_tag 'calendar', 'data-turbolinks-track': 'reload' %> # =>
<script src="/packs/calendar.js" data-turbolinks-track="reload"></script>
# In production mode:
<%= javascript_pack_tag 'calendar', 'data-turbolinks-track': 'reload' %> # =>
<script src="/packs/calendar-1016838bab065ae1e314.js" data-turbolinks-track="reload"></script>
27 28 29 |
# File 'lib/webpacker/helper.rb', line 27 def javascript_pack_tag(name, **) javascript_include_tag(Webpacker::Manifest.lookup("#{name}#{compute_asset_extname(name, type: :javascript)}"), **) end |
#stylesheet_pack_tag(name, **options) ⇒ Object
Creates a link tag that references the named pack file, as compiled by Webpack per the entries list in config/webpack/shared.js. By default, this list is auto-generated to match everything in app/javascript/packs/*.js. In production mode, the digested reference is automatically looked up.
Examples:
# In development mode:
<%= stylesheet_pack_tag 'calendar', 'data-turbolinks-track': 'reload' %> # =>
<link rel="stylesheet" media="screen" href="/packs/calendar.css" data-turbolinks-track="reload" />
# In production mode:
<%= stylesheet_pack_tag 'calendar', 'data-turbolinks-track': 'reload' %> # =>
<link rel="stylesheet" media="screen" href="/packs/calendar-1016838bab065ae1e122.css" data-turbolinks-track="reload" />
44 45 46 |
# File 'lib/webpacker/helper.rb', line 44 def stylesheet_pack_tag(name, **) stylesheet_link_tag(Webpacker::Manifest.lookup("#{name}#{compute_asset_extname(name, type: :stylesheet)}"), **) end |