webpacker 5.4.3 → 6.0.0.beta

Sign up to get free protection for your applications and to get access to all the features.
Files changed (161) hide show
  1. checksums.yaml +4 -4
  2. data/.eslintrc.js +1 -1
  3. data/.github/workflows/ruby.yml +12 -0
  4. data/.gitignore +2 -0
  5. data/.node-version +1 -1
  6. data/.rubocop.yml +3 -108
  7. data/6_0_upgrade.md +43 -0
  8. data/CHANGELOG.md +19 -18
  9. data/CONTRIBUTING.md +1 -1
  10. data/Gemfile.lock +91 -94
  11. data/README.md +220 -99
  12. data/gemfiles/Gemfile-rails-edge +1 -1
  13. data/lib/install/config/webpack/base.js +3 -0
  14. data/lib/install/config/webpack/development.js +2 -2
  15. data/lib/install/config/webpack/production.js +2 -2
  16. data/lib/install/config/webpack/test.js +2 -2
  17. data/lib/install/config/webpacker.yml +8 -37
  18. data/lib/install/javascript/packs/application.css +9 -0
  19. data/lib/install/javascript/packs/application.js +3 -1
  20. data/lib/install/template.rb +32 -26
  21. data/lib/tasks/webpacker/binstubs.rake +6 -4
  22. data/lib/tasks/webpacker/check_binstubs.rake +4 -4
  23. data/lib/tasks/webpacker/check_yarn.rake +1 -1
  24. data/lib/tasks/webpacker/compile.rake +4 -2
  25. data/lib/tasks/webpacker/info.rake +12 -10
  26. data/lib/tasks/webpacker/install.rake +6 -4
  27. data/lib/tasks/webpacker/verify_install.rake +2 -1
  28. data/lib/tasks/webpacker/yarn_install.rake +9 -7
  29. data/lib/tasks/webpacker.rake +2 -11
  30. data/lib/webpacker/compiler.rb +15 -8
  31. data/lib/webpacker/configuration.rb +10 -45
  32. data/lib/webpacker/dev_server_runner.rb +21 -2
  33. data/lib/webpacker/env.rb +1 -5
  34. data/lib/webpacker/helper.rb +22 -32
  35. data/lib/webpacker/manifest.rb +1 -1
  36. data/lib/webpacker/version.rb +1 -1
  37. data/lib/webpacker/webpack_runner.rb +5 -0
  38. data/package/__tests__/config.js +5 -37
  39. data/package/__tests__/development.js +9 -11
  40. data/package/__tests__/env.js +12 -4
  41. data/package/__tests__/production.js +6 -6
  42. data/package/__tests__/staging.js +7 -6
  43. data/package/__tests__/test.js +4 -5
  44. data/package/babel/preset.js +55 -0
  45. data/package/config.js +3 -11
  46. data/package/env.js +8 -2
  47. data/package/environments/__tests__/base.js +15 -47
  48. data/package/environments/base.js +62 -125
  49. data/package/environments/development.js +45 -44
  50. data/package/environments/production.js +63 -68
  51. data/package/environments/test.js +2 -2
  52. data/package/index.js +13 -8
  53. data/package/rules/babel.js +9 -7
  54. data/package/rules/coffee.js +6 -0
  55. data/package/rules/erb.js +15 -0
  56. data/package/rules/file.js +19 -19
  57. data/package/rules/index.js +15 -18
  58. data/package/rules/less.js +22 -0
  59. data/package/rules/sass.js +10 -10
  60. data/package/rules/svg.js +20 -0
  61. data/package/utils/get_style_rule.js +26 -36
  62. data/package/utils/helpers.js +26 -35
  63. data/package.json +29 -45
  64. data/test/compiler_test.rb +0 -12
  65. data/test/configuration_test.rb +1 -32
  66. data/test/dev_server_runner_test.rb +24 -5
  67. data/test/engine_rake_tasks_test.rb +39 -0
  68. data/test/helper_test.rb +24 -30
  69. data/test/mounted_app/Rakefile +4 -0
  70. data/test/mounted_app/test/dummy/Rakefile +3 -0
  71. data/test/mounted_app/test/dummy/bin/rails +3 -0
  72. data/test/mounted_app/test/dummy/bin/rake +3 -0
  73. data/test/mounted_app/test/dummy/config/application.rb +10 -0
  74. data/test/mounted_app/test/dummy/config/environment.rb +3 -0
  75. data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
  76. data/test/mounted_app/test/dummy/config.ru +5 -0
  77. data/test/mounted_app/test/dummy/package.json +7 -0
  78. data/test/rake_tasks_test.rb +1 -10
  79. data/test/test_app/config/webpacker.yml +1 -25
  80. data/test/test_app/config/webpacker_public_root.yml +0 -1
  81. data/test/test_app/public/packs/manifest.json +17 -13
  82. data/test/test_app/some.config.js +0 -0
  83. data/test/webpack_runner_test.rb +9 -3
  84. data/yarn.lock +2505 -4943
  85. metadata +41 -87
  86. data/.travis.yml +0 -43
  87. data/docs/assets.md +0 -119
  88. data/docs/cloud9.md +0 -310
  89. data/docs/css.md +0 -308
  90. data/docs/deployment.md +0 -130
  91. data/docs/docker.md +0 -68
  92. data/docs/engines.md +0 -213
  93. data/docs/env.md +0 -63
  94. data/docs/es6.md +0 -72
  95. data/docs/folder-structure.md +0 -66
  96. data/docs/integrations.md +0 -220
  97. data/docs/misc.md +0 -23
  98. data/docs/props.md +0 -223
  99. data/docs/target.md +0 -22
  100. data/docs/testing.md +0 -136
  101. data/docs/troubleshooting.md +0 -158
  102. data/docs/typescript.md +0 -190
  103. data/docs/v4-upgrade.md +0 -142
  104. data/docs/webpack-dev-server.md +0 -92
  105. data/docs/webpack.md +0 -364
  106. data/docs/yarn.md +0 -23
  107. data/lib/install/angular.rb +0 -23
  108. data/lib/install/coffee.rb +0 -25
  109. data/lib/install/config/.browserslistrc +0 -1
  110. data/lib/install/config/babel.config.js +0 -82
  111. data/lib/install/config/postcss.config.js +0 -12
  112. data/lib/install/config/webpack/environment.js +0 -3
  113. data/lib/install/elm.rb +0 -39
  114. data/lib/install/erb.rb +0 -25
  115. data/lib/install/examples/angular/hello_angular/app/app.component.ts +0 -9
  116. data/lib/install/examples/angular/hello_angular/app/app.module.ts +0 -16
  117. data/lib/install/examples/angular/hello_angular/index.ts +0 -8
  118. data/lib/install/examples/angular/hello_angular/polyfills.ts +0 -73
  119. data/lib/install/examples/angular/hello_angular.js +0 -7
  120. data/lib/install/examples/coffee/hello_coffee.coffee +0 -4
  121. data/lib/install/examples/elm/Main.elm +0 -55
  122. data/lib/install/examples/elm/hello_elm.js +0 -16
  123. data/lib/install/examples/erb/hello_erb.js.erb +0 -6
  124. data/lib/install/examples/react/babel.config.js +0 -99
  125. data/lib/install/examples/react/hello_react.jsx +0 -26
  126. data/lib/install/examples/react/tsconfig.json +0 -21
  127. data/lib/install/examples/stimulus/application.js +0 -1
  128. data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
  129. data/lib/install/examples/stimulus/controllers/index.js +0 -9
  130. data/lib/install/examples/svelte/app.svelte +0 -11
  131. data/lib/install/examples/svelte/hello_svelte.js +0 -20
  132. data/lib/install/examples/typescript/hello_typescript.ts +0 -4
  133. data/lib/install/examples/typescript/tsconfig.json +0 -24
  134. data/lib/install/examples/vue/app.vue +0 -22
  135. data/lib/install/examples/vue/hello_vue.js +0 -72
  136. data/lib/install/loaders/coffee.js +0 -6
  137. data/lib/install/loaders/elm.js +0 -25
  138. data/lib/install/loaders/erb.js +0 -11
  139. data/lib/install/loaders/svelte.js +0 -9
  140. data/lib/install/loaders/vue.js +0 -6
  141. data/lib/install/react.rb +0 -18
  142. data/lib/install/stimulus.rb +0 -12
  143. data/lib/install/svelte.rb +0 -29
  144. data/lib/install/typescript.rb +0 -39
  145. data/lib/install/vue.rb +0 -49
  146. data/lib/tasks/installers.rake +0 -42
  147. data/package/config_types/__tests__/config_list.js +0 -118
  148. data/package/config_types/__tests__/config_object.js +0 -43
  149. data/package/config_types/config_list.js +0 -75
  150. data/package/config_types/config_object.js +0 -55
  151. data/package/config_types/index.js +0 -7
  152. data/package/rules/module.css.js +0 -3
  153. data/package/rules/module.sass.js +0 -8
  154. data/package/rules/node_modules.js +0 -22
  155. data/package/utils/__tests__/deep_assign.js +0 -32
  156. data/package/utils/__tests__/deep_merge.js +0 -10
  157. data/package/utils/__tests__/get_style_rule.js +0 -65
  158. data/package/utils/__tests__/objectify.js +0 -9
  159. data/package/utils/deep_assign.js +0 -22
  160. data/package/utils/deep_merge.js +0 -22
  161. data/package/utils/objectify.js +0 -3
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: webpacker
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.4.3
4
+ version: 6.0.0.beta
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Heinemeier Hansson
8
8
  - Gaurav Tiwari
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2021-09-14 00:00:00.000000000 Z
12
+ date: 2020-12-23 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: activesupport
@@ -109,7 +109,7 @@ dependencies:
109
109
  - - ">="
110
110
  - !ruby/object:Gem::Version
111
111
  version: '0'
112
- description:
112
+ description:
113
113
  email:
114
114
  - david@basecamp.com
115
115
  - gaurav@gauravtiwari.co.uk
@@ -126,7 +126,7 @@ files:
126
126
  - ".gitignore"
127
127
  - ".node-version"
128
128
  - ".rubocop.yml"
129
- - ".travis.yml"
129
+ - 6_0_upgrade.md
130
130
  - CHANGELOG.md
131
131
  - CONTRIBUTING.md
132
132
  - Gemfile
@@ -134,78 +134,20 @@ files:
134
134
  - MIT-LICENSE
135
135
  - README.md
136
136
  - Rakefile
137
- - docs/assets.md
138
- - docs/cloud9.md
139
- - docs/css.md
140
- - docs/deployment.md
141
- - docs/docker.md
142
- - docs/engines.md
143
- - docs/env.md
144
- - docs/es6.md
145
- - docs/folder-structure.md
146
- - docs/integrations.md
147
- - docs/misc.md
148
- - docs/props.md
149
- - docs/target.md
150
- - docs/testing.md
151
- - docs/troubleshooting.md
152
- - docs/typescript.md
153
- - docs/v4-upgrade.md
154
- - docs/webpack-dev-server.md
155
- - docs/webpack.md
156
- - docs/yarn.md
157
137
  - gemfiles/Gemfile-rails-edge
158
138
  - gemfiles/Gemfile-rails.5.2.x
159
139
  - gemfiles/Gemfile-rails.6.0.x
160
- - lib/install/angular.rb
161
140
  - lib/install/bin/webpack
162
141
  - lib/install/bin/webpack-dev-server
163
142
  - lib/install/binstubs.rb
164
- - lib/install/coffee.rb
165
- - lib/install/config/.browserslistrc
166
- - lib/install/config/babel.config.js
167
- - lib/install/config/postcss.config.js
143
+ - lib/install/config/webpack/base.js
168
144
  - lib/install/config/webpack/development.js
169
- - lib/install/config/webpack/environment.js
170
145
  - lib/install/config/webpack/production.js
171
146
  - lib/install/config/webpack/test.js
172
147
  - lib/install/config/webpacker.yml
173
- - lib/install/elm.rb
174
- - lib/install/erb.rb
175
- - lib/install/examples/angular/hello_angular.js
176
- - lib/install/examples/angular/hello_angular/app/app.component.ts
177
- - lib/install/examples/angular/hello_angular/app/app.module.ts
178
- - lib/install/examples/angular/hello_angular/index.ts
179
- - lib/install/examples/angular/hello_angular/polyfills.ts
180
- - lib/install/examples/coffee/hello_coffee.coffee
181
- - lib/install/examples/elm/Main.elm
182
- - lib/install/examples/elm/hello_elm.js
183
- - lib/install/examples/erb/hello_erb.js.erb
184
- - lib/install/examples/react/babel.config.js
185
- - lib/install/examples/react/hello_react.jsx
186
- - lib/install/examples/react/tsconfig.json
187
- - lib/install/examples/stimulus/application.js
188
- - lib/install/examples/stimulus/controllers/hello_controller.js
189
- - lib/install/examples/stimulus/controllers/index.js
190
- - lib/install/examples/svelte/app.svelte
191
- - lib/install/examples/svelte/hello_svelte.js
192
- - lib/install/examples/typescript/hello_typescript.ts
193
- - lib/install/examples/typescript/tsconfig.json
194
- - lib/install/examples/vue/app.vue
195
- - lib/install/examples/vue/hello_vue.js
148
+ - lib/install/javascript/packs/application.css
196
149
  - lib/install/javascript/packs/application.js
197
- - lib/install/loaders/coffee.js
198
- - lib/install/loaders/elm.js
199
- - lib/install/loaders/erb.js
200
- - lib/install/loaders/svelte.js
201
- - lib/install/loaders/vue.js
202
- - lib/install/react.rb
203
- - lib/install/stimulus.rb
204
- - lib/install/svelte.rb
205
150
  - lib/install/template.rb
206
- - lib/install/typescript.rb
207
- - lib/install/vue.rb
208
- - lib/tasks/installers.rake
209
151
  - lib/tasks/webpacker.rake
210
152
  - lib/tasks/webpacker/binstubs.rake
211
153
  - lib/tasks/webpacker/check_binstubs.rake
@@ -241,13 +183,9 @@ files:
241
183
  - package/__tests__/production.js
242
184
  - package/__tests__/staging.js
243
185
  - package/__tests__/test.js
186
+ - package/babel/preset.js
244
187
  - package/config.js
245
188
  - package/configPath.js
246
- - package/config_types/__tests__/config_list.js
247
- - package/config_types/__tests__/config_object.js
248
- - package/config_types/config_list.js
249
- - package/config_types/config_object.js
250
- - package/config_types/index.js
251
189
  - package/dev_server.js
252
190
  - package/env.js
253
191
  - package/environments/__tests__/base.js
@@ -257,30 +195,34 @@ files:
257
195
  - package/environments/test.js
258
196
  - package/index.js
259
197
  - package/rules/babel.js
198
+ - package/rules/coffee.js
260
199
  - package/rules/css.js
200
+ - package/rules/erb.js
261
201
  - package/rules/file.js
262
202
  - package/rules/index.js
263
- - package/rules/module.css.js
264
- - package/rules/module.sass.js
265
- - package/rules/node_modules.js
203
+ - package/rules/less.js
266
204
  - package/rules/sass.js
267
- - package/utils/__tests__/deep_assign.js
268
- - package/utils/__tests__/deep_merge.js
269
- - package/utils/__tests__/get_style_rule.js
270
- - package/utils/__tests__/objectify.js
271
- - package/utils/deep_assign.js
272
- - package/utils/deep_merge.js
205
+ - package/rules/svg.js
273
206
  - package/utils/get_style_rule.js
274
207
  - package/utils/helpers.js
275
- - package/utils/objectify.js
276
208
  - test/command_test.rb
277
209
  - test/compiler_test.rb
278
210
  - test/configuration_test.rb
279
211
  - test/dev_server_runner_test.rb
280
212
  - test/dev_server_test.rb
213
+ - test/engine_rake_tasks_test.rb
281
214
  - test/env_test.rb
282
215
  - test/helper_test.rb
283
216
  - test/manifest_test.rb
217
+ - test/mounted_app/Rakefile
218
+ - test/mounted_app/test/dummy/Rakefile
219
+ - test/mounted_app/test/dummy/bin/rails
220
+ - test/mounted_app/test/dummy/bin/rake
221
+ - test/mounted_app/test/dummy/config.ru
222
+ - test/mounted_app/test/dummy/config/application.rb
223
+ - test/mounted_app/test/dummy/config/environment.rb
224
+ - test/mounted_app/test/dummy/config/webpacker.yml
225
+ - test/mounted_app/test/dummy/package.json
284
226
  - test/rake_tasks_test.rb
285
227
  - test/test_app/Rakefile
286
228
  - test/test_app/app/javascript/packs/application.js
@@ -296,6 +238,7 @@ files:
296
238
  - test/test_app/config/webpacker_public_root.yml
297
239
  - test/test_app/package.json
298
240
  - test/test_app/public/packs/manifest.json
241
+ - test/test_app/some.config.js
299
242
  - test/test_app/yarn.lock
300
243
  - test/test_helper.rb
301
244
  - test/webpack_runner_test.rb
@@ -306,9 +249,9 @@ homepage: https://github.com/rails/webpacker
306
249
  licenses:
307
250
  - MIT
308
251
  metadata:
309
- source_code_uri: https://github.com/rails/webpacker/tree/v5.4.3
310
- changelog_uri: https://github.com/rails/webpacker/blob/v5.4.3/CHANGELOG.md
311
- post_install_message:
252
+ source_code_uri: https://github.com/rails/webpacker/tree/v6.0.0.beta
253
+ changelog_uri: https://github.com/rails/webpacker/blob/v6.0.0.beta/CHANGELOG.md
254
+ post_install_message:
312
255
  rdoc_options: []
313
256
  require_paths:
314
257
  - lib
@@ -319,12 +262,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
319
262
  version: 2.4.0
320
263
  required_rubygems_version: !ruby/object:Gem::Requirement
321
264
  requirements:
322
- - - ">="
265
+ - - ">"
323
266
  - !ruby/object:Gem::Version
324
- version: '0'
267
+ version: 1.3.1
325
268
  requirements: []
326
- rubygems_version: 3.1.4
327
- signing_key:
269
+ rubygems_version: 3.0.3
270
+ signing_key:
328
271
  specification_version: 4
329
272
  summary: Use webpack to manage app-like JavaScript modules in Rails
330
273
  test_files:
@@ -333,9 +276,19 @@ test_files:
333
276
  - test/configuration_test.rb
334
277
  - test/dev_server_runner_test.rb
335
278
  - test/dev_server_test.rb
279
+ - test/engine_rake_tasks_test.rb
336
280
  - test/env_test.rb
337
281
  - test/helper_test.rb
338
282
  - test/manifest_test.rb
283
+ - test/mounted_app/Rakefile
284
+ - test/mounted_app/test/dummy/Rakefile
285
+ - test/mounted_app/test/dummy/bin/rails
286
+ - test/mounted_app/test/dummy/bin/rake
287
+ - test/mounted_app/test/dummy/config.ru
288
+ - test/mounted_app/test/dummy/config/application.rb
289
+ - test/mounted_app/test/dummy/config/environment.rb
290
+ - test/mounted_app/test/dummy/config/webpacker.yml
291
+ - test/mounted_app/test/dummy/package.json
339
292
  - test/rake_tasks_test.rb
340
293
  - test/test_app/Rakefile
341
294
  - test/test_app/app/javascript/packs/application.js
@@ -351,6 +304,7 @@ test_files:
351
304
  - test/test_app/config/webpacker_public_root.yml
352
305
  - test/test_app/package.json
353
306
  - test/test_app/public/packs/manifest.json
307
+ - test/test_app/some.config.js
354
308
  - test/test_app/yarn.lock
355
309
  - test/test_helper.rb
356
310
  - test/webpack_runner_test.rb
data/.travis.yml DELETED
@@ -1,43 +0,0 @@
1
- language: ruby
2
- dist: xenial
3
- before_install:
4
- - gem install rubygems-update && update_rubygems
5
- - yes | rvm @global do gem install bundler -v 2.1.4 || true
6
- rvm:
7
- - 2.4.9
8
- - 2.5.5
9
- - 2.6.5
10
- - 2.7.0
11
- - ruby-head
12
- gemfile:
13
- - gemfiles/Gemfile-rails.5.2.x
14
- - gemfiles/Gemfile-rails.6.0.x
15
- - gemfiles/Gemfile-rails-edge
16
- cache:
17
- bundler: true
18
- directories:
19
- - node_modules
20
- yarn: true
21
-
22
- install:
23
- - bundle install --jobs 3 --retry 3
24
- - nvm install 12
25
- - node -v
26
- - npm i -g yarn
27
- - yarn
28
- script:
29
- - yarn lint
30
- - yarn test
31
- - bundle exec rubocop
32
- - bundle exec rake test
33
- matrix:
34
- allow_failures:
35
- - gemfile: gemfiles/Gemfile-rails-edge
36
- - rvm: ruby-head
37
- exclude:
38
- - rvm: 2.4.9
39
- gemfile: gemfiles/Gemfile-rails-edge
40
- - rvm: 2.5.5
41
- gemfile: gemfiles/Gemfile-rails-edge
42
- - rvm: 2.4.9
43
- gemfile: gemfiles/Gemfile-rails.6.0.x
data/docs/assets.md DELETED
@@ -1,119 +0,0 @@
1
- # Assets
2
-
3
-
4
- Static assets like images and fonts support is enabled out-of-box
5
- and you can link them into your JavaScript app code and have them
6
- compiled automatically.
7
-
8
-
9
- ## Import from node modules
10
-
11
- You can also import styles from `node_modules` using the following syntax.
12
- Please note that your styles will always be extracted into `[pack_name].css`:
13
-
14
- ```sass
15
- // app/javascript/styles.sass
16
- // ~ to tell webpack that this is not a relative import:
17
-
18
- @import '~@material/animation/mdc-animation'
19
- @import '~bootstrap/dist/css/bootstrap'
20
- ```
21
-
22
- ```js
23
- // Your main app pack
24
- // app/javascript/packs/app.js
25
-
26
- import '../styles'
27
- ```
28
-
29
- ```erb
30
- <%# In your views %>
31
-
32
- <%= javascript_pack_tag 'app' %>
33
- <%= stylesheet_pack_tag 'app' %>
34
- ```
35
-
36
-
37
- ## Import from Sprockets using helpers
38
-
39
- It's possible to link to assets that have been precompiled by Sprockets. Add the `.erb` extension to your JavaScript file, then you can use Sprockets' asset helpers:
40
-
41
- ```erb
42
- <%# app/javascript/my_pack/example.js.erb %>
43
-
44
- <% helpers = ActionController::Base.helpers %>
45
- const railsImagePath = "<%= helpers.image_path('rails.png') %>"
46
- ```
47
-
48
- This is enabled by the `rails-erb-loader` loader rule in `config/webpack/loaders/erb.js`.
49
-
50
-
51
- ## Using babel module resolver
52
-
53
- You can also use [babel-plugin-module-resolver](https://github.com/tleunen/babel-plugin-module-resolver) to reference assets directly from `app/assets/**`
54
-
55
- ```bash
56
- yarn add babel-plugin-module-resolver
57
- ```
58
-
59
- Specify the plugin in your `babel.config.js` with the custom root or alias. Here's an example:
60
-
61
- ```js
62
- {
63
- plugins: [
64
- [require("babel-plugin-module-resolver").default, {
65
- "root": ["./app"],
66
- "alias": {
67
- "assets": "./assets"
68
- }
69
- }]
70
- ]
71
- }
72
- ```
73
-
74
- And then within your javascript app code:
75
-
76
- ```js
77
- // Note: we don't have to do any ../../ jazz
78
-
79
- import FooImage from 'assets/images/foo-image.png'
80
- import 'assets/stylesheets/bar'
81
- ```
82
-
83
-
84
- ## Link in your Rails views
85
-
86
- You can also link `js/images/styles/fonts` used within your js app in views using
87
- `asset_pack_path` and `image_pack_tag` helpers. These helpers are useful in cases where you just want to
88
- create a `<link rel="prefetch">` or `<img />` for an asset.
89
-
90
- ```yml
91
- app/javascript:
92
- - packs
93
- - app.js
94
- - images
95
- - calendar.png
96
- ```
97
-
98
- ```js
99
- // app/javascript/packs/app.js (or any of your packs)
100
-
101
- // import all image files in a folder:
102
- require.context('../images', true)
103
- ```
104
-
105
- ```erb
106
- <%# Rails view, for example app/views/layouts/application.html.erb %>
107
-
108
- <img src="<%= asset_pack_path 'media/images/calendar.png' %>" />
109
- <% # => <img src="/packs/media/images/calendar-k344a6d59eef8632c9d1.png" /> %>
110
-
111
- <%= image_pack_tag 'media/images/calendar.png' %>
112
- <% # => <img src="/packs/media/images/calendar-k344a6d59eef8632c9d1.png" /> %>
113
-
114
- <%# no path resolves to default 'images' folder: %>
115
- <%= image_pack_tag 'calendar.png' %>
116
- <% # => <img src="/packs/media/images/calendar-k344a6d59eef8632c9d1.png" /> %>
117
- ```
118
-
119
- Note you need to add a `media/` prefix (not `/media/`) to any subfolder structure you might have in `app/javascript`. See more examples in the [tests](https://github.com/rails/webpacker/blob/0b86cadb5ed921e2c1538382e72a236ec30a5d97/test/helper_test.rb#L37).