webpacker 5.2.1 → 6.0.0.beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. checksums.yaml +4 -4
  2. data/.eslintrc.js +1 -1
  3. data/.github/workflows/jest.yml +1 -1
  4. data/.github/workflows/js-lint.yml +1 -1
  5. data/.github/workflows/ruby.yml +9 -6
  6. data/.gitignore +2 -0
  7. data/.node-version +1 -1
  8. data/.rubocop.yml +11 -16
  9. data/6_0_upgrade.md +48 -0
  10. data/CHANGELOG.md +27 -0
  11. data/CONTRIBUTING.md +1 -1
  12. data/Gemfile.lock +23 -15
  13. data/README.md +252 -103
  14. data/config/README.md +3 -0
  15. data/config/webpacker.yml +1 -0
  16. data/lib/install/config/webpack/base.js +3 -0
  17. data/lib/install/config/webpack/development.js +2 -2
  18. data/lib/install/config/webpack/production.js +2 -2
  19. data/lib/install/config/webpack/test.js +2 -2
  20. data/lib/install/config/webpacker.yml +12 -39
  21. data/lib/install/{javascript/packs → packs/entrypoints}/application.js +5 -3
  22. data/lib/install/template.rb +36 -22
  23. data/lib/tasks/webpacker.rake +2 -11
  24. data/lib/tasks/webpacker/binstubs.rake +6 -4
  25. data/lib/tasks/webpacker/check_binstubs.rake +4 -4
  26. data/lib/tasks/webpacker/check_yarn.rake +1 -2
  27. data/lib/tasks/webpacker/compile.rake +4 -2
  28. data/lib/tasks/webpacker/info.rake +12 -10
  29. data/lib/tasks/webpacker/install.rake +6 -4
  30. data/lib/tasks/webpacker/verify_install.rake +2 -1
  31. data/lib/tasks/webpacker/yarn_install.rake +9 -1
  32. data/lib/webpacker/commands.rb +3 -2
  33. data/lib/webpacker/compiler.rb +16 -9
  34. data/lib/webpacker/configuration.rb +6 -30
  35. data/lib/webpacker/dev_server_runner.rb +23 -2
  36. data/lib/webpacker/helper.rb +26 -36
  37. data/lib/webpacker/manifest.rb +1 -1
  38. data/lib/webpacker/version.rb +1 -1
  39. data/lib/webpacker/webpack_runner.rb +6 -0
  40. data/package.json +23 -39
  41. data/package/__tests__/config.js +5 -37
  42. data/package/__tests__/development.js +11 -12
  43. data/package/__tests__/env.js +12 -4
  44. data/package/__tests__/index.js +9 -0
  45. data/package/__tests__/production.js +6 -6
  46. data/package/__tests__/staging.js +7 -6
  47. data/package/__tests__/test.js +4 -5
  48. data/package/babel/preset.js +55 -0
  49. data/package/config.js +3 -11
  50. data/package/env.js +8 -2
  51. data/package/environments/__tests__/base.js +19 -51
  52. data/package/environments/base.js +65 -125
  53. data/package/environments/development.js +46 -44
  54. data/package/environments/production.js +66 -64
  55. data/package/environments/test.js +2 -2
  56. data/package/index.js +13 -8
  57. data/package/rules/babel.js +9 -7
  58. data/package/rules/coffee.js +6 -0
  59. data/package/rules/erb.js +15 -0
  60. data/package/rules/file.js +21 -19
  61. data/package/rules/index.js +16 -18
  62. data/package/rules/less.js +22 -0
  63. data/package/rules/raw.js +5 -0
  64. data/package/rules/sass.js +12 -9
  65. data/package/rules/stylus.js +26 -0
  66. data/package/utils/get_style_rule.js +26 -36
  67. data/package/utils/helpers.js +26 -35
  68. data/test/compiler_test.rb +0 -12
  69. data/test/configuration_test.rb +3 -34
  70. data/test/dev_server_runner_test.rb +33 -6
  71. data/test/engine_rake_tasks_test.rb +39 -0
  72. data/test/helper_test.rb +15 -9
  73. data/test/mounted_app/Rakefile +4 -0
  74. data/test/mounted_app/test/dummy/Rakefile +3 -0
  75. data/test/mounted_app/test/dummy/bin/rails +3 -0
  76. data/test/mounted_app/test/dummy/bin/rake +3 -0
  77. data/test/mounted_app/test/dummy/config.ru +5 -0
  78. data/test/mounted_app/test/dummy/config/application.rb +10 -0
  79. data/test/mounted_app/test/dummy/config/environment.rb +3 -0
  80. data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
  81. data/test/mounted_app/test/dummy/package.json +7 -0
  82. data/test/rake_tasks_test.rb +1 -10
  83. data/test/test_app/app/{javascript/packs → packs/entrypoints}/application.js +1 -1
  84. data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.css +0 -0
  85. data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.js +0 -0
  86. data/test/test_app/config/webpacker.yml +3 -27
  87. data/test/test_app/config/webpacker_public_root.yml +0 -1
  88. data/test/test_app/public/packs/manifest.json +17 -13
  89. data/test/test_app/some.config.js +0 -0
  90. data/test/webpack_runner_test.rb +9 -3
  91. data/webpacker.gemspec +1 -1
  92. data/yarn.lock +1858 -4915
  93. metadata +54 -97
  94. data/.travis.yml +0 -43
  95. data/docs/assets.md +0 -119
  96. data/docs/cloud9.md +0 -310
  97. data/docs/css.md +0 -308
  98. data/docs/deployment.md +0 -130
  99. data/docs/docker.md +0 -68
  100. data/docs/engines.md +0 -213
  101. data/docs/env.md +0 -63
  102. data/docs/es6.md +0 -72
  103. data/docs/folder-structure.md +0 -66
  104. data/docs/integrations.md +0 -220
  105. data/docs/misc.md +0 -23
  106. data/docs/props.md +0 -223
  107. data/docs/target.md +0 -22
  108. data/docs/testing.md +0 -136
  109. data/docs/troubleshooting.md +0 -158
  110. data/docs/typescript.md +0 -190
  111. data/docs/v4-upgrade.md +0 -142
  112. data/docs/webpack-dev-server.md +0 -92
  113. data/docs/webpack.md +0 -364
  114. data/docs/yarn.md +0 -23
  115. data/lib/install/angular.rb +0 -23
  116. data/lib/install/coffee.rb +0 -25
  117. data/lib/install/config/.browserslistrc +0 -1
  118. data/lib/install/config/babel.config.js +0 -70
  119. data/lib/install/config/postcss.config.js +0 -12
  120. data/lib/install/config/webpack/environment.js +0 -3
  121. data/lib/install/elm.rb +0 -39
  122. data/lib/install/erb.rb +0 -25
  123. data/lib/install/examples/angular/hello_angular.js +0 -7
  124. data/lib/install/examples/angular/hello_angular/app/app.component.ts +0 -9
  125. data/lib/install/examples/angular/hello_angular/app/app.module.ts +0 -16
  126. data/lib/install/examples/angular/hello_angular/index.ts +0 -8
  127. data/lib/install/examples/angular/hello_angular/polyfills.ts +0 -73
  128. data/lib/install/examples/coffee/hello_coffee.coffee +0 -4
  129. data/lib/install/examples/elm/Main.elm +0 -55
  130. data/lib/install/examples/elm/hello_elm.js +0 -16
  131. data/lib/install/examples/erb/hello_erb.js.erb +0 -6
  132. data/lib/install/examples/react/babel.config.js +0 -87
  133. data/lib/install/examples/react/hello_react.jsx +0 -26
  134. data/lib/install/examples/react/tsconfig.json +0 -21
  135. data/lib/install/examples/stimulus/application.js +0 -1
  136. data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
  137. data/lib/install/examples/stimulus/controllers/index.js +0 -9
  138. data/lib/install/examples/svelte/app.svelte +0 -11
  139. data/lib/install/examples/svelte/hello_svelte.js +0 -20
  140. data/lib/install/examples/typescript/hello_typescript.ts +0 -4
  141. data/lib/install/examples/typescript/tsconfig.json +0 -24
  142. data/lib/install/examples/vue/app.vue +0 -22
  143. data/lib/install/examples/vue/hello_vue.js +0 -72
  144. data/lib/install/loaders/coffee.js +0 -6
  145. data/lib/install/loaders/elm.js +0 -25
  146. data/lib/install/loaders/erb.js +0 -11
  147. data/lib/install/loaders/svelte.js +0 -9
  148. data/lib/install/loaders/vue.js +0 -6
  149. data/lib/install/react.rb +0 -18
  150. data/lib/install/stimulus.rb +0 -12
  151. data/lib/install/svelte.rb +0 -29
  152. data/lib/install/typescript.rb +0 -39
  153. data/lib/install/vue.rb +0 -49
  154. data/lib/tasks/installers.rake +0 -42
  155. data/package/config_types/__tests__/config_list.js +0 -118
  156. data/package/config_types/__tests__/config_object.js +0 -43
  157. data/package/config_types/config_list.js +0 -75
  158. data/package/config_types/config_object.js +0 -55
  159. data/package/config_types/index.js +0 -7
  160. data/package/rules/module.css.js +0 -3
  161. data/package/rules/module.sass.js +0 -8
  162. data/package/rules/node_modules.js +0 -22
  163. data/package/utils/__tests__/deep_assign.js +0 -32
  164. data/package/utils/__tests__/deep_merge.js +0 -10
  165. data/package/utils/__tests__/get_style_rule.js +0 -65
  166. data/package/utils/__tests__/objectify.js +0 -9
  167. data/package/utils/deep_assign.js +0 -22
  168. data/package/utils/deep_merge.js +0 -22
  169. data/package/utils/objectify.js +0 -3
@@ -1,42 +0,0 @@
1
- installers = {
2
- "Angular": :angular,
3
- "Elm": :elm,
4
- "React": :react,
5
- "Vue": :vue,
6
- "Erb": :erb,
7
- "Coffee": :coffee,
8
- "Typescript": :typescript,
9
- "Svelte": :svelte,
10
- "Stimulus": :stimulus
11
- }.freeze
12
-
13
- dependencies = {
14
- "Angular": [:typescript]
15
- }
16
-
17
- bin_path = ENV["BUNDLE_BIN"] || "./bin"
18
-
19
- namespace :webpacker do
20
- namespace :install do
21
- installers.each do |name, task_name|
22
- desc "Install everything needed for #{name}"
23
- task task_name => ["webpacker:verify_install"] do
24
- template = File.expand_path("../install/#{task_name}.rb", __dir__)
25
- base_path =
26
- if Rails::VERSION::MAJOR >= 5
27
- "#{RbConfig.ruby} #{bin_path}/rails app:template"
28
- else
29
- "#{RbConfig.ruby} #{bin_path}/rake rails:template"
30
- end
31
-
32
- dependencies[name] ||= []
33
- dependencies[name].each do |dependency|
34
- dependency_template = File.expand_path("../install/#{dependency}.rb", __dir__)
35
- system "#{base_path} LOCATION=#{dependency_template}"
36
- end
37
-
38
- exec "#{base_path} LOCATION=#{template}"
39
- end
40
- end
41
- end
42
- end
@@ -1,118 +0,0 @@
1
- /* global test expect */
2
-
3
- const ConfigList = require('../config_list')
4
-
5
- test('new', () => {
6
- const list = new ConfigList()
7
- expect(list).toBeInstanceOf(ConfigList)
8
- expect(list).toBeInstanceOf(Array)
9
- })
10
-
11
- test('get', () => {
12
- const list = new ConfigList()
13
- list.append('key', 'value')
14
- expect(list.get('key')).toEqual('value')
15
- })
16
-
17
- test('append', () => {
18
- const list = new ConfigList()
19
- list.append('key', 'value')
20
- expect(list.append('key1', 'value1')).toEqual([
21
- { key: 'key', value: 'value' },
22
- { key: 'key1', value: 'value1' }
23
- ])
24
- })
25
-
26
- test('prepend', () => {
27
- const list = new ConfigList()
28
- list.append('key', 'value')
29
- expect(list.prepend('key1', 'value1')).toEqual([
30
- { key: 'key1', value: 'value1' },
31
- { key: 'key', value: 'value' }
32
- ])
33
- })
34
-
35
- test('insert without position', () => {
36
- const list = new ConfigList()
37
- list.append('key', 'value')
38
-
39
- expect(list.insert('key1', 'value1')).toEqual([
40
- { key: 'key', value: 'value' },
41
- { key: 'key1', value: 'value1' }
42
- ])
43
-
44
- expect(list.insert('key2', 'value2')).toEqual([
45
- { key: 'key', value: 'value' },
46
- { key: 'key1', value: 'value1' },
47
- { key: 'key2', value: 'value2' }
48
- ])
49
- })
50
-
51
- test('insert before an item', () => {
52
- const list = new ConfigList()
53
- list.append('key', 'value')
54
- list.append('key1', 'value1')
55
-
56
- expect(list.insert('key2', 'value2', { before: 'key' })).toEqual([
57
- { key: 'key2', value: 'value2' },
58
- { key: 'key', value: 'value' },
59
- { key: 'key1', value: 'value1' }
60
- ])
61
-
62
- expect(list.insert('key3', 'value3', { before: 'key2' })).toEqual([
63
- { key: 'key3', value: 'value3' },
64
- { key: 'key2', value: 'value2' },
65
- { key: 'key', value: 'value' },
66
- { key: 'key1', value: 'value1' }
67
- ])
68
- })
69
-
70
- test('insert after an item', () => {
71
- const list = new ConfigList()
72
- list.append('key', 'value')
73
- list.append('key1', 'value1')
74
-
75
- expect(list.insert('key2', 'value2', { after: 'key' })).toEqual([
76
- { key: 'key', value: 'value' },
77
- { key: 'key2', value: 'value2' },
78
- { key: 'key1', value: 'value1' }
79
- ])
80
-
81
- expect(list.insert('key3', 'value3', { after: 'key2' })).toEqual([
82
- { key: 'key', value: 'value' },
83
- { key: 'key2', value: 'value2' },
84
- { key: 'key3', value: 'value3' },
85
- { key: 'key1', value: 'value1' }
86
- ])
87
- })
88
-
89
- test('delete', () => {
90
- const list = new ConfigList()
91
- list.append('key', 'value')
92
- list.append('key1', 'value1')
93
- expect(list.delete('key')).toEqual([{ key: 'key1', value: 'value1' }])
94
- expect(list.delete('key1')).toEqual([])
95
- })
96
-
97
- test('getIndex', () => {
98
- const list = new ConfigList()
99
- list.append('key', 'value')
100
- list.append('key1', 'value1')
101
- expect(list.getIndex('key')).toEqual(0)
102
- expect(list.getIndex('key2')).toEqual(-1)
103
- expect(() => list.getIndex('key2', true)).toThrow('Item key2 not found')
104
- })
105
-
106
- test('values', () => {
107
- const list = new ConfigList()
108
- list.append('key', 'value')
109
- list.append('key1', 'value1')
110
- expect(list.values()).toEqual(['value', 'value1'])
111
- })
112
-
113
- test('keys', () => {
114
- const list = new ConfigList()
115
- list.append('key', 'value')
116
- list.append('key1', 'value1')
117
- expect(list.keys()).toEqual(['key', 'key1'])
118
- })
@@ -1,43 +0,0 @@
1
- /* global test expect */
2
-
3
- const ConfigObject = require('../config_object')
4
-
5
- test('new', () => {
6
- const object = new ConfigObject()
7
- expect(object).toBeInstanceOf(ConfigObject)
8
- expect(object).toBeInstanceOf(Object)
9
- })
10
-
11
- test('set', () => {
12
- const object = new ConfigObject()
13
- expect(object.set('key', 'value')).toEqual({ key: 'value' })
14
- })
15
-
16
- test('get', () => {
17
- const object = new ConfigObject()
18
- object.set('key', 'value')
19
- object.set('key1', 'value1')
20
- expect(object.get('key')).toEqual('value')
21
- })
22
-
23
- test('delete', () => {
24
- const object = new ConfigObject()
25
- object.set('key', { key1: 'value' })
26
- expect(object.delete('key.key1')).toEqual({ key: {} })
27
- expect(object.delete('key')).toEqual({})
28
- })
29
-
30
- test('toObject', () => {
31
- const object = new ConfigObject()
32
- object.set('key', 'value')
33
- object.set('key1', 'value1')
34
- expect(object.toObject()).toEqual({ key: 'value', key1: 'value1' })
35
- })
36
-
37
- test('merge', () => {
38
- const object = new ConfigObject()
39
- object.set('foo', {})
40
- expect(object.merge({ key: 'foo', value: 'bar' })).toEqual(
41
- { foo: {}, key: 'foo', value: 'bar' }
42
- )
43
- })
@@ -1,75 +0,0 @@
1
- /**
2
- * @class
3
- * @extends { Array }
4
- */
5
- class ConfigList extends Array {
6
- static get [Symbol.species]() { return Array }
7
-
8
- get(key) {
9
- const index = this.getIndex(key, true)
10
- return this[index].value
11
- }
12
-
13
- append(key, value) {
14
- return this.add({ key, value })
15
- }
16
-
17
- prepend(key, value) {
18
- return this.add({ key, value }, 'prepend')
19
- }
20
-
21
- insert(key, value, pos = {}) {
22
- if (!(pos.before || pos.after)) return this.append(key, value)
23
-
24
- const currentIndex = this.getIndex(key)
25
- if (currentIndex >= 0) this.splice(currentIndex, 1)
26
-
27
- let newIndex = this.getIndex(pos.before || pos.after)
28
- if (pos.after) newIndex += 1
29
-
30
- this.splice(newIndex, 0, { key, value })
31
- return this
32
- }
33
-
34
- delete(key) {
35
- const index = this.getIndex(key, true)
36
- this.splice(index, 1)
37
- return this
38
- }
39
-
40
- getIndex(key, shouldThrow = false) {
41
- const index = this.findIndex((entry) => (
42
- entry === key
43
- || entry.key === key
44
- || (entry.constructor && entry.constructor.name === key)
45
- ))
46
-
47
- if (shouldThrow && index < 0) throw new Error(`Item ${key} not found`)
48
- return index
49
- }
50
-
51
- add({ key, value }, strategy = 'append') {
52
- const index = this.getIndex(key)
53
- if (index >= 0) this.delete(key)
54
-
55
- switch (strategy) {
56
- case 'prepend':
57
- this.unshift({ key, value })
58
- break
59
- default:
60
- this.push({ key, value })
61
- }
62
-
63
- return this
64
- }
65
-
66
- values() {
67
- return this.map((item) => item.value)
68
- }
69
-
70
- keys() {
71
- return this.map((item) => item.key)
72
- }
73
- }
74
-
75
- module.exports = ConfigList
@@ -1,55 +0,0 @@
1
- const objectify = require('../utils/objectify')
2
- const deepAssign = require('../utils/deep_assign')
3
- const deepMerge = require('../utils/deep_merge')
4
- const { isStrPath, prettyPrint } = require('../utils/helpers')
5
-
6
- /**
7
- * @class
8
- * @extends { Object }
9
- */
10
- class ConfigObject extends Object {
11
- constructor(props = {}) {
12
- super()
13
- this.merge(props)
14
- }
15
-
16
- get(key) {
17
- return isStrPath(key) ? objectify(key, this) : this[key]
18
- }
19
-
20
- set(key, value) {
21
- Object.assign(this, deepAssign(this, key, value))
22
- return this
23
- }
24
-
25
- delete(key) {
26
- let obj = this
27
- let propKey = key
28
-
29
- if (isStrPath(key)) {
30
- const keys = key.split('.')
31
- propKey = keys.pop()
32
- const parentObjPath = keys.join('.')
33
- obj = objectify(parentObjPath, this)
34
- }
35
-
36
- if (!obj) throw new Error(`Prop not found: ${key} in ${prettyPrint(obj)}`)
37
- delete obj[propKey]
38
-
39
- return this
40
- }
41
-
42
- toObject() {
43
- const object = {}
44
- /* eslint no-return-assign: 0 */
45
- Object.keys(this).forEach((key) => (object[key] = this[key]))
46
- return object
47
- }
48
-
49
- merge(config) {
50
- Object.assign(this, deepMerge(this, config))
51
- return this
52
- }
53
- }
54
-
55
- module.exports = ConfigObject
@@ -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
- })