webpacker 5.2.1 → 6.0.0.beta

Sign up to get free protection for your applications and to get access to all the features.
Files changed (160) hide show
  1. checksums.yaml +4 -4
  2. data/.eslintrc.js +1 -1
  3. data/.gitignore +2 -0
  4. data/.node-version +1 -1
  5. data/.rubocop.yml +11 -16
  6. data/6_0_upgrade.md +43 -0
  7. data/CHANGELOG.md +25 -0
  8. data/CONTRIBUTING.md +1 -1
  9. data/Gemfile.lock +17 -11
  10. data/README.md +220 -99
  11. data/lib/install/config/webpack/base.js +3 -0
  12. data/lib/install/config/webpack/development.js +2 -2
  13. data/lib/install/config/webpack/production.js +2 -2
  14. data/lib/install/config/webpack/test.js +2 -2
  15. data/lib/install/config/webpacker.yml +8 -37
  16. data/lib/install/javascript/packs/application.css +9 -0
  17. data/lib/install/javascript/packs/application.js +3 -1
  18. data/lib/install/template.rb +33 -19
  19. data/lib/tasks/webpacker.rake +2 -11
  20. data/lib/tasks/webpacker/binstubs.rake +6 -4
  21. data/lib/tasks/webpacker/check_binstubs.rake +4 -4
  22. data/lib/tasks/webpacker/check_yarn.rake +1 -2
  23. data/lib/tasks/webpacker/compile.rake +4 -2
  24. data/lib/tasks/webpacker/info.rake +12 -10
  25. data/lib/tasks/webpacker/install.rake +6 -4
  26. data/lib/tasks/webpacker/verify_install.rake +2 -1
  27. data/lib/tasks/webpacker/yarn_install.rake +9 -1
  28. data/lib/webpacker/commands.rb +1 -1
  29. data/lib/webpacker/compiler.rb +15 -8
  30. data/lib/webpacker/configuration.rb +6 -30
  31. data/lib/webpacker/dev_server_runner.rb +21 -2
  32. data/lib/webpacker/helper.rb +22 -32
  33. data/lib/webpacker/manifest.rb +1 -1
  34. data/lib/webpacker/version.rb +1 -1
  35. data/lib/webpacker/webpack_runner.rb +5 -0
  36. data/package.json +23 -39
  37. data/package/__tests__/config.js +5 -37
  38. data/package/__tests__/development.js +9 -11
  39. data/package/__tests__/env.js +12 -4
  40. data/package/__tests__/production.js +6 -6
  41. data/package/__tests__/staging.js +7 -6
  42. data/package/__tests__/test.js +4 -5
  43. data/package/babel/preset.js +55 -0
  44. data/package/config.js +3 -11
  45. data/package/env.js +8 -2
  46. data/package/environments/__tests__/base.js +15 -47
  47. data/package/environments/base.js +62 -125
  48. data/package/environments/development.js +45 -44
  49. data/package/environments/production.js +63 -68
  50. data/package/environments/test.js +2 -2
  51. data/package/index.js +13 -8
  52. data/package/rules/babel.js +9 -7
  53. data/package/rules/coffee.js +6 -0
  54. data/package/rules/erb.js +15 -0
  55. data/package/rules/file.js +19 -19
  56. data/package/rules/index.js +15 -18
  57. data/package/rules/less.js +22 -0
  58. data/package/rules/sass.js +12 -9
  59. data/package/rules/svg.js +20 -0
  60. data/package/utils/get_style_rule.js +26 -36
  61. data/package/utils/helpers.js +26 -35
  62. data/test/compiler_test.rb +0 -12
  63. data/test/configuration_test.rb +1 -32
  64. data/test/dev_server_runner_test.rb +24 -5
  65. data/test/engine_rake_tasks_test.rb +39 -0
  66. data/test/helper_test.rb +15 -9
  67. data/test/mounted_app/Rakefile +4 -0
  68. data/test/mounted_app/test/dummy/Rakefile +3 -0
  69. data/test/mounted_app/test/dummy/bin/rails +3 -0
  70. data/test/mounted_app/test/dummy/bin/rake +3 -0
  71. data/test/mounted_app/test/dummy/config.ru +5 -0
  72. data/test/mounted_app/test/dummy/config/application.rb +10 -0
  73. data/test/mounted_app/test/dummy/config/environment.rb +3 -0
  74. data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
  75. data/test/mounted_app/test/dummy/package.json +7 -0
  76. data/test/rake_tasks_test.rb +1 -10
  77. data/test/test_app/config/webpacker.yml +1 -25
  78. data/test/test_app/config/webpacker_public_root.yml +0 -1
  79. data/test/test_app/public/packs/manifest.json +17 -13
  80. data/test/test_app/some.config.js +0 -0
  81. data/test/webpack_runner_test.rb +9 -3
  82. data/webpacker.gemspec +1 -1
  83. data/yarn.lock +1858 -4915
  84. metadata +44 -90
  85. data/.travis.yml +0 -43
  86. data/docs/assets.md +0 -119
  87. data/docs/cloud9.md +0 -310
  88. data/docs/css.md +0 -308
  89. data/docs/deployment.md +0 -130
  90. data/docs/docker.md +0 -68
  91. data/docs/engines.md +0 -213
  92. data/docs/env.md +0 -63
  93. data/docs/es6.md +0 -72
  94. data/docs/folder-structure.md +0 -66
  95. data/docs/integrations.md +0 -220
  96. data/docs/misc.md +0 -23
  97. data/docs/props.md +0 -223
  98. data/docs/target.md +0 -22
  99. data/docs/testing.md +0 -136
  100. data/docs/troubleshooting.md +0 -158
  101. data/docs/typescript.md +0 -190
  102. data/docs/v4-upgrade.md +0 -142
  103. data/docs/webpack-dev-server.md +0 -92
  104. data/docs/webpack.md +0 -364
  105. data/docs/yarn.md +0 -23
  106. data/lib/install/angular.rb +0 -23
  107. data/lib/install/coffee.rb +0 -25
  108. data/lib/install/config/.browserslistrc +0 -1
  109. data/lib/install/config/babel.config.js +0 -70
  110. data/lib/install/config/postcss.config.js +0 -12
  111. data/lib/install/config/webpack/environment.js +0 -3
  112. data/lib/install/elm.rb +0 -39
  113. data/lib/install/erb.rb +0 -25
  114. data/lib/install/examples/angular/hello_angular.js +0 -7
  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/coffee/hello_coffee.coffee +0 -4
  120. data/lib/install/examples/elm/Main.elm +0 -55
  121. data/lib/install/examples/elm/hello_elm.js +0 -16
  122. data/lib/install/examples/erb/hello_erb.js.erb +0 -6
  123. data/lib/install/examples/react/babel.config.js +0 -87
  124. data/lib/install/examples/react/hello_react.jsx +0 -26
  125. data/lib/install/examples/react/tsconfig.json +0 -21
  126. data/lib/install/examples/stimulus/application.js +0 -1
  127. data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
  128. data/lib/install/examples/stimulus/controllers/index.js +0 -9
  129. data/lib/install/examples/svelte/app.svelte +0 -11
  130. data/lib/install/examples/svelte/hello_svelte.js +0 -20
  131. data/lib/install/examples/typescript/hello_typescript.ts +0 -4
  132. data/lib/install/examples/typescript/tsconfig.json +0 -24
  133. data/lib/install/examples/vue/app.vue +0 -22
  134. data/lib/install/examples/vue/hello_vue.js +0 -72
  135. data/lib/install/loaders/coffee.js +0 -6
  136. data/lib/install/loaders/elm.js +0 -25
  137. data/lib/install/loaders/erb.js +0 -11
  138. data/lib/install/loaders/svelte.js +0 -9
  139. data/lib/install/loaders/vue.js +0 -6
  140. data/lib/install/react.rb +0 -18
  141. data/lib/install/stimulus.rb +0 -12
  142. data/lib/install/svelte.rb +0 -29
  143. data/lib/install/typescript.rb +0 -39
  144. data/lib/install/vue.rb +0 -49
  145. data/lib/tasks/installers.rake +0 -42
  146. data/package/config_types/__tests__/config_list.js +0 -118
  147. data/package/config_types/__tests__/config_object.js +0 -43
  148. data/package/config_types/config_list.js +0 -75
  149. data/package/config_types/config_object.js +0 -55
  150. data/package/config_types/index.js +0 -7
  151. data/package/rules/module.css.js +0 -3
  152. data/package/rules/module.sass.js +0 -8
  153. data/package/rules/node_modules.js +0 -22
  154. data/package/utils/__tests__/deep_assign.js +0 -32
  155. data/package/utils/__tests__/deep_merge.js +0 -10
  156. data/package/utils/__tests__/get_style_rule.js +0 -65
  157. data/package/utils/__tests__/objectify.js +0 -9
  158. data/package/utils/deep_assign.js +0 -22
  159. data/package/utils/deep_merge.js +0 -22
  160. 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
- })