webpacker 5.4.1 → 6.0.0.rc.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (188) hide show
  1. checksums.yaml +4 -4
  2. data/.eslintrc.js +1 -1
  3. data/.github/workflows/jest.yml +5 -2
  4. data/.github/workflows/js-lint.yml +5 -2
  5. data/.github/workflows/rubocop.yml +1 -1
  6. data/.github/workflows/ruby.yml +19 -4
  7. data/.gitignore +2 -0
  8. data/.node-version +1 -1
  9. data/.rubocop.yml +4 -3
  10. data/CHANGELOG.md +24 -6
  11. data/CONTRIBUTING.md +1 -1
  12. data/Gemfile.lock +82 -82
  13. data/README.md +377 -172
  14. data/config/README.md +3 -0
  15. data/config/webpacker.yml +1 -0
  16. data/docs/deployment.md +9 -11
  17. data/docs/developing_webpacker.md +29 -0
  18. data/docs/troubleshooting.md +57 -25
  19. data/docs/v6_upgrade.md +75 -0
  20. data/gemfiles/Gemfile-rails.6.1.x +12 -0
  21. data/lib/install/bin/yarn +18 -0
  22. data/lib/install/config/webpack/base.js +3 -0
  23. data/lib/install/config/webpack/development.js +2 -2
  24. data/lib/install/config/webpack/production.js +2 -2
  25. data/lib/install/config/webpack/test.js +2 -2
  26. data/lib/install/config/webpacker.yml +20 -50
  27. data/lib/install/package.json +17 -0
  28. data/lib/install/{javascript/packs → packs/entrypoints}/application.js +4 -3
  29. data/lib/install/template.rb +54 -28
  30. data/lib/tasks/webpacker/binstubs.rake +6 -4
  31. data/lib/tasks/webpacker/check_binstubs.rake +4 -4
  32. data/lib/tasks/webpacker/check_node.rake +3 -0
  33. data/lib/tasks/webpacker/check_yarn.rake +3 -0
  34. data/lib/tasks/webpacker/clobber.rake +1 -1
  35. data/lib/tasks/webpacker/compile.rake +4 -2
  36. data/lib/tasks/webpacker/info.rake +12 -10
  37. data/lib/tasks/webpacker/install.rake +6 -4
  38. data/lib/tasks/webpacker/verify_config.rake +14 -0
  39. data/lib/tasks/webpacker/verify_install.rake +1 -10
  40. data/lib/tasks/webpacker/yarn_install.rake +9 -7
  41. data/lib/tasks/webpacker.rake +2 -11
  42. data/lib/tasks/yarn.rake +36 -0
  43. data/lib/webpacker/commands.rb +21 -16
  44. data/lib/webpacker/compiler.rb +16 -9
  45. data/lib/webpacker/configuration.rb +8 -32
  46. data/lib/webpacker/dev_server.rb +6 -0
  47. data/lib/webpacker/dev_server_runner.rb +28 -4
  48. data/lib/webpacker/helper.rb +47 -81
  49. data/lib/webpacker/instance.rb +4 -0
  50. data/lib/webpacker/manifest.rb +2 -3
  51. data/lib/webpacker/railtie.rb +1 -2
  52. data/lib/webpacker/runner.rb +1 -1
  53. data/lib/webpacker/version.rb +1 -1
  54. data/lib/webpacker/webpack_runner.rb +6 -0
  55. data/lib/webpacker.rb +1 -1
  56. data/package/__tests__/config.js +5 -37
  57. data/package/__tests__/development.js +14 -15
  58. data/package/__tests__/env.js +16 -4
  59. data/package/__tests__/index.js +9 -0
  60. data/package/__tests__/production.js +6 -6
  61. data/package/__tests__/staging.js +7 -6
  62. data/package/__tests__/test.js +4 -5
  63. data/package/babel/preset.js +54 -0
  64. data/package/config.js +6 -14
  65. data/package/env.js +13 -4
  66. data/package/environments/__tests__/base.js +20 -52
  67. data/package/environments/base.js +68 -128
  68. data/package/environments/development.js +50 -44
  69. data/package/environments/production.js +66 -64
  70. data/package/environments/test.js +2 -2
  71. data/package/index.js +15 -8
  72. data/package/inliningCss.js +7 -0
  73. data/package/rules/babel.js +10 -8
  74. data/package/rules/coffee.js +6 -0
  75. data/package/rules/erb.js +15 -0
  76. data/package/rules/file.js +21 -19
  77. data/package/rules/index.js +16 -18
  78. data/package/rules/less.js +22 -0
  79. data/package/rules/raw.js +5 -0
  80. data/package/rules/sass.js +9 -10
  81. data/package/rules/stylus.js +26 -0
  82. data/package/utils/get_style_rule.js +28 -36
  83. data/package/utils/helpers.js +28 -35
  84. data/package.json +12 -32
  85. data/test/command_test.rb +76 -0
  86. data/test/compiler_test.rb +0 -12
  87. data/test/configuration_test.rb +4 -35
  88. data/test/dev_server_runner_test.rb +36 -6
  89. data/test/engine_rake_tasks_test.rb +39 -0
  90. data/test/helper_test.rb +79 -77
  91. data/test/manifest_test.rb +16 -0
  92. data/test/mounted_app/Rakefile +4 -0
  93. data/test/mounted_app/test/dummy/Rakefile +3 -0
  94. data/test/mounted_app/test/dummy/bin/rails +3 -0
  95. data/test/mounted_app/test/dummy/bin/rake +3 -0
  96. data/test/mounted_app/test/dummy/config/application.rb +10 -0
  97. data/test/mounted_app/test/dummy/config/environment.rb +3 -0
  98. data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
  99. data/test/mounted_app/test/dummy/config.ru +5 -0
  100. data/test/mounted_app/test/dummy/package.json +7 -0
  101. data/test/rake_tasks_test.rb +1 -10
  102. data/test/test_app/app/{javascript/packs → packs/entrypoints}/application.js +1 -1
  103. data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.css +0 -0
  104. data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.js +0 -0
  105. data/test/test_app/config/webpacker.yml +5 -31
  106. data/test/test_app/config/webpacker_other_location.yml +79 -0
  107. data/test/test_app/config/webpacker_public_root.yml +0 -1
  108. data/test/test_app/public/packs/manifest.json +36 -18
  109. data/test/test_app/some.config.js +0 -0
  110. data/test/webpack_runner_test.rb +9 -3
  111. data/test/webpacker_test.rb +17 -0
  112. data/webpacker.gemspec +1 -1
  113. data/yarn.lock +1050 -3966
  114. metadata +59 -91
  115. data/.travis.yml +0 -43
  116. data/docs/assets.md +0 -119
  117. data/docs/cloud9.md +0 -310
  118. data/docs/css.md +0 -308
  119. data/docs/docker.md +0 -68
  120. data/docs/engines.md +0 -213
  121. data/docs/env.md +0 -63
  122. data/docs/es6.md +0 -72
  123. data/docs/folder-structure.md +0 -66
  124. data/docs/integrations.md +0 -220
  125. data/docs/misc.md +0 -23
  126. data/docs/props.md +0 -223
  127. data/docs/target.md +0 -22
  128. data/docs/testing.md +0 -136
  129. data/docs/typescript.md +0 -190
  130. data/docs/v4-upgrade.md +0 -142
  131. data/docs/webpack-dev-server.md +0 -92
  132. data/docs/webpack.md +0 -364
  133. data/docs/yarn.md +0 -23
  134. data/lib/install/angular.rb +0 -23
  135. data/lib/install/coffee.rb +0 -25
  136. data/lib/install/config/.browserslistrc +0 -1
  137. data/lib/install/config/babel.config.js +0 -76
  138. data/lib/install/config/postcss.config.js +0 -12
  139. data/lib/install/config/webpack/environment.js +0 -3
  140. data/lib/install/elm.rb +0 -39
  141. data/lib/install/erb.rb +0 -25
  142. data/lib/install/examples/angular/hello_angular/app/app.component.ts +0 -9
  143. data/lib/install/examples/angular/hello_angular/app/app.module.ts +0 -16
  144. data/lib/install/examples/angular/hello_angular/index.ts +0 -8
  145. data/lib/install/examples/angular/hello_angular/polyfills.ts +0 -73
  146. data/lib/install/examples/angular/hello_angular.js +0 -7
  147. data/lib/install/examples/coffee/hello_coffee.coffee +0 -4
  148. data/lib/install/examples/elm/Main.elm +0 -55
  149. data/lib/install/examples/elm/hello_elm.js +0 -16
  150. data/lib/install/examples/erb/hello_erb.js.erb +0 -6
  151. data/lib/install/examples/react/babel.config.js +0 -93
  152. data/lib/install/examples/react/hello_react.jsx +0 -26
  153. data/lib/install/examples/react/tsconfig.json +0 -21
  154. data/lib/install/examples/stimulus/application.js +0 -1
  155. data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
  156. data/lib/install/examples/stimulus/controllers/index.js +0 -9
  157. data/lib/install/examples/svelte/app.svelte +0 -11
  158. data/lib/install/examples/svelte/hello_svelte.js +0 -20
  159. data/lib/install/examples/typescript/hello_typescript.ts +0 -4
  160. data/lib/install/examples/typescript/tsconfig.json +0 -24
  161. data/lib/install/examples/vue/app.vue +0 -22
  162. data/lib/install/examples/vue/hello_vue.js +0 -72
  163. data/lib/install/loaders/coffee.js +0 -6
  164. data/lib/install/loaders/elm.js +0 -25
  165. data/lib/install/loaders/erb.js +0 -11
  166. data/lib/install/loaders/svelte.js +0 -9
  167. data/lib/install/loaders/vue.js +0 -6
  168. data/lib/install/react.rb +0 -18
  169. data/lib/install/stimulus.rb +0 -12
  170. data/lib/install/svelte.rb +0 -29
  171. data/lib/install/typescript.rb +0 -39
  172. data/lib/install/vue.rb +0 -49
  173. data/lib/tasks/installers.rake +0 -42
  174. data/package/config_types/__tests__/config_list.js +0 -118
  175. data/package/config_types/__tests__/config_object.js +0 -43
  176. data/package/config_types/config_list.js +0 -75
  177. data/package/config_types/config_object.js +0 -55
  178. data/package/config_types/index.js +0 -7
  179. data/package/rules/module.css.js +0 -3
  180. data/package/rules/module.sass.js +0 -8
  181. data/package/rules/node_modules.js +0 -22
  182. data/package/utils/__tests__/deep_assign.js +0 -32
  183. data/package/utils/__tests__/deep_merge.js +0 -10
  184. data/package/utils/__tests__/get_style_rule.js +0 -65
  185. data/package/utils/__tests__/objectify.js +0 -9
  186. data/package/utils/deep_assign.js +0 -22
  187. data/package/utils/deep_merge.js +0 -22
  188. data/package/utils/objectify.js +0 -3
@@ -1,7 +0,0 @@
1
- const ConfigObject = require('./config_object')
2
- const ConfigList = require('./config_list')
3
-
4
- module.exports = {
5
- ConfigObject,
6
- ConfigList
7
- }
@@ -1,3 +0,0 @@
1
- const getStyleRule = require('../utils/get_style_rule')
2
-
3
- module.exports = getStyleRule(/\.(css)$/i, true)
@@ -1,8 +0,0 @@
1
- const getStyleRule = require('../utils/get_style_rule')
2
-
3
- module.exports = getStyleRule(/\.(scss|sass)$/i, true, [
4
- {
5
- loader: 'sass-loader',
6
- options: { sourceMap: true }
7
- }
8
- ])
@@ -1,22 +0,0 @@
1
- const { nodeEnv } = require('../env')
2
-
3
- // Compile standard ES features for JS in node_modules with Babel.
4
- // Regex details for exclude: https://regex101.com/r/SKPnnv/1
5
- module.exports = {
6
- test: /\.(js|mjs)$/,
7
- include: /node_modules/,
8
- exclude: /(?:@?babel(?:\/|\\{1,2}|-).+)|regenerator-runtime|core-js|^webpack$|^webpack-assets-manifest$|^webpack-cli$|^webpack-sources$|^@rails\/webpacker$/,
9
- use: [
10
- {
11
- loader: 'babel-loader',
12
- options: {
13
- babelrc: false,
14
- presets: [['@babel/preset-env', { modules: false }]],
15
- cacheDirectory: true,
16
- cacheCompression: nodeEnv === 'production',
17
- compact: false,
18
- sourceMaps: false
19
- }
20
- }
21
- ]
22
- }
@@ -1,32 +0,0 @@
1
- /* global test expect */
2
-
3
- const deepAssign = require('../deep_assign')
4
-
5
- describe('deepAssign()', () => {
6
- test('deeply assigns nested properties', () => {
7
- const object = { foo: { bar: { } } }
8
- const path = 'foo.bar'
9
- const value = { x: 1, y: 2 }
10
- const expectation = { foo: { bar: { x: 1, y: 2 } } }
11
- expect(deepAssign(object, path, value)).toEqual(expectation)
12
- })
13
-
14
- test('allows assignment of a literal false', () => {
15
- const object = { foo: { bar: { } } }
16
- const path = 'foo.bar'
17
- const value = false
18
- const expectation = { foo: { bar: false } }
19
- expect(deepAssign(object, path, value)).toEqual(expectation)
20
- })
21
-
22
- test('does not allow assignment of other falsy values', () => {
23
- const object = { foo: { bar: { } } }
24
- const path = 'foo.bar'
25
- const values = [undefined, null, 0, '']
26
-
27
- values.forEach(value => {
28
- const expectation = new Error(`Value can't be ${value}`)
29
- expect(() => deepAssign(object, path, value)).toThrow(expectation)
30
- })
31
- })
32
- })
@@ -1,10 +0,0 @@
1
- /* global test expect */
2
-
3
- const deepMerge = require('../deep_merge')
4
-
5
- test('deep merge objects together', () => {
6
- const object1 = { foo: { bar: [1, 2, 3], z: 1 }, x: 0 }
7
- const object2 = { foo: { bar: ['x', 'y'] }, x: 1, y: 2 }
8
- const expectation = { foo: { bar: [1, 2, 3, 'x', 'y'], z: 1 }, x: 1, y: 2 }
9
- expect(deepMerge(object1, object2)).toEqual(expectation)
10
- })
@@ -1,65 +0,0 @@
1
- const { chdirTestApp, chdirCwd } = require('../helpers')
2
-
3
- chdirTestApp()
4
-
5
- const getStyleRule = require('../get_style_rule')
6
-
7
- describe('getStyleRule', () => {
8
- afterAll(chdirCwd)
9
-
10
- test('excludes modules by default', () => {
11
- const cssRule = getStyleRule(/\.(css)$/i)
12
- const expectation = {
13
- test: /\.(css)$/i,
14
- exclude: /\.module\.[a-z]+$/
15
- }
16
-
17
- expect(cssRule).toMatchObject(expectation)
18
- })
19
-
20
- test('includes modules if set to true', () => {
21
- const cssRule = getStyleRule(/\.(scss)$/i, true)
22
- const expectation = {
23
- test: /\.(scss)$/i,
24
- include: /\.module\.[a-z]+$/
25
- }
26
-
27
- expect(cssRule).toMatchObject(expectation)
28
- })
29
-
30
- test('adds extra preprocessors if supplied', () => {
31
- const expectation = [{ foo: 'bar' }]
32
- const cssRule = getStyleRule(/\.(css)$/i, true, expectation)
33
-
34
- expect(cssRule.use).toMatchObject(expect.arrayContaining(expectation))
35
- })
36
-
37
- test('adds mini-css-extract-plugin when extract_css is true', () => {
38
- const MiniCssExtractPlugin = require('mini-css-extract-plugin')
39
- const expectation = [MiniCssExtractPlugin.loader]
40
-
41
- require('../../config').extract_css = true
42
- const cssRule = getStyleRule(/\.(css)$/i)
43
-
44
- expect(cssRule.use).toMatchObject(expect.arrayContaining(expectation))
45
- })
46
-
47
- test('adds style-loader when extract_css is true', () => {
48
- const expectation = [{loader: 'style-loader'}]
49
-
50
- require('../../config').extract_css = false
51
- const cssRule = getStyleRule(/\.(css)$/i)
52
-
53
- expect(cssRule.use).toMatchObject(expect.objectContaining(expectation))
54
- })
55
-
56
- test(`doesn't add mini-css-extract-plugin when extract_css is false`, () => {
57
- const MiniCssExtractPlugin = require('mini-css-extract-plugin')
58
- const expectation = [MiniCssExtractPlugin.loader]
59
-
60
- require('../../config').extract_css = false
61
- const cssRule = getStyleRule(/\.(css)$/i)
62
-
63
- expect(cssRule.use).toMatchObject(expect.not.arrayContaining(expectation))
64
- })
65
- })
@@ -1,9 +0,0 @@
1
- /* global test expect */
2
-
3
- const objectify = require('../objectify')
4
-
5
- test('Get object from a string path', () => {
6
- const object = { foo: { bar: { x: 1 } } }
7
- expect(objectify('foo.bar', object)).toEqual({ x: 1 })
8
- expect(objectify('some.bar', object)).toEqual(undefined)
9
- })
@@ -1,22 +0,0 @@
1
- const { canMerge, prettyPrint } = require('./helpers')
2
- const deepMerge = require('./deep_merge')
3
-
4
- const deepAssign = (obj, path, value) => {
5
- if (!value && value !== false) throw new Error(`Value can't be ${value}`)
6
-
7
- const keys = path.split('.')
8
- const key = keys.pop()
9
-
10
- const objRef = keys.reduce((acc, currentValue) => {
11
- /* eslint no-param-reassign: 0 */
12
- if (!acc[currentValue]) acc[currentValue] = {}
13
- return acc[currentValue]
14
- }, obj)
15
-
16
- if (!objRef) throw new Error(`Prop not found: ${path} in ${prettyPrint(obj)}`)
17
-
18
- objRef[key] = canMerge(value) ? deepMerge(objRef[key], value) : value
19
- return obj
20
- }
21
-
22
- module.exports = deepAssign
@@ -1,22 +0,0 @@
1
- const {
2
- isObject, isArray, isEqual, isEmpty
3
- } = require('./helpers')
4
-
5
- const deepMerge = (target, source) => {
6
- if (isEmpty(target)) return source
7
- if (isEmpty(source)) return target
8
- if (isEqual(target, source)) return source
9
- if (isArray(target) && isArray(source)) return [...new Set([...target, ...source])]
10
- if (!(isObject(target) && isObject(source))) return source
11
-
12
- return [...Object.keys(target), ...Object.keys(source)].reduce(
13
- (result, key) => ({
14
-
15
- ...result,
16
- [key]: deepMerge(target[key], source[key])
17
- }),
18
- {}
19
- )
20
- }
21
-
22
- module.exports = deepMerge
@@ -1,3 +0,0 @@
1
- const objectify = (path, obj) => path.split('.').reduce((prev, curr) => (prev ? prev[curr] : undefined), obj)
2
-
3
- module.exports = objectify