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.
- checksums.yaml +4 -4
- data/.eslintrc.js +1 -1
- data/.github/workflows/jest.yml +5 -2
- data/.github/workflows/js-lint.yml +5 -2
- data/.github/workflows/rubocop.yml +1 -1
- data/.github/workflows/ruby.yml +19 -4
- data/.gitignore +2 -0
- data/.node-version +1 -1
- data/.rubocop.yml +4 -3
- data/CHANGELOG.md +24 -6
- data/CONTRIBUTING.md +1 -1
- data/Gemfile.lock +82 -82
- data/README.md +377 -172
- data/config/README.md +3 -0
- data/config/webpacker.yml +1 -0
- data/docs/deployment.md +9 -11
- data/docs/developing_webpacker.md +29 -0
- data/docs/troubleshooting.md +57 -25
- data/docs/v6_upgrade.md +75 -0
- data/gemfiles/Gemfile-rails.6.1.x +12 -0
- data/lib/install/bin/yarn +18 -0
- data/lib/install/config/webpack/base.js +3 -0
- data/lib/install/config/webpack/development.js +2 -2
- data/lib/install/config/webpack/production.js +2 -2
- data/lib/install/config/webpack/test.js +2 -2
- data/lib/install/config/webpacker.yml +20 -50
- data/lib/install/package.json +17 -0
- data/lib/install/{javascript/packs → packs/entrypoints}/application.js +4 -3
- data/lib/install/template.rb +54 -28
- data/lib/tasks/webpacker/binstubs.rake +6 -4
- data/lib/tasks/webpacker/check_binstubs.rake +4 -4
- data/lib/tasks/webpacker/check_node.rake +3 -0
- data/lib/tasks/webpacker/check_yarn.rake +3 -0
- data/lib/tasks/webpacker/clobber.rake +1 -1
- data/lib/tasks/webpacker/compile.rake +4 -2
- data/lib/tasks/webpacker/info.rake +12 -10
- data/lib/tasks/webpacker/install.rake +6 -4
- data/lib/tasks/webpacker/verify_config.rake +14 -0
- data/lib/tasks/webpacker/verify_install.rake +1 -10
- data/lib/tasks/webpacker/yarn_install.rake +9 -7
- data/lib/tasks/webpacker.rake +2 -11
- data/lib/tasks/yarn.rake +36 -0
- data/lib/webpacker/commands.rb +21 -16
- data/lib/webpacker/compiler.rb +16 -9
- data/lib/webpacker/configuration.rb +8 -32
- data/lib/webpacker/dev_server.rb +6 -0
- data/lib/webpacker/dev_server_runner.rb +28 -4
- data/lib/webpacker/helper.rb +47 -81
- data/lib/webpacker/instance.rb +4 -0
- data/lib/webpacker/manifest.rb +2 -3
- data/lib/webpacker/railtie.rb +1 -2
- data/lib/webpacker/runner.rb +1 -1
- data/lib/webpacker/version.rb +1 -1
- data/lib/webpacker/webpack_runner.rb +6 -0
- data/lib/webpacker.rb +1 -1
- data/package/__tests__/config.js +5 -37
- data/package/__tests__/development.js +14 -15
- data/package/__tests__/env.js +16 -4
- data/package/__tests__/index.js +9 -0
- data/package/__tests__/production.js +6 -6
- data/package/__tests__/staging.js +7 -6
- data/package/__tests__/test.js +4 -5
- data/package/babel/preset.js +54 -0
- data/package/config.js +6 -14
- data/package/env.js +13 -4
- data/package/environments/__tests__/base.js +20 -52
- data/package/environments/base.js +68 -128
- data/package/environments/development.js +50 -44
- data/package/environments/production.js +66 -64
- data/package/environments/test.js +2 -2
- data/package/index.js +15 -8
- data/package/inliningCss.js +7 -0
- data/package/rules/babel.js +10 -8
- data/package/rules/coffee.js +6 -0
- data/package/rules/erb.js +15 -0
- data/package/rules/file.js +21 -19
- data/package/rules/index.js +16 -18
- data/package/rules/less.js +22 -0
- data/package/rules/raw.js +5 -0
- data/package/rules/sass.js +9 -10
- data/package/rules/stylus.js +26 -0
- data/package/utils/get_style_rule.js +28 -36
- data/package/utils/helpers.js +28 -35
- data/package.json +12 -32
- data/test/command_test.rb +76 -0
- data/test/compiler_test.rb +0 -12
- data/test/configuration_test.rb +4 -35
- data/test/dev_server_runner_test.rb +36 -6
- data/test/engine_rake_tasks_test.rb +39 -0
- data/test/helper_test.rb +79 -77
- data/test/manifest_test.rb +16 -0
- data/test/mounted_app/Rakefile +4 -0
- data/test/mounted_app/test/dummy/Rakefile +3 -0
- data/test/mounted_app/test/dummy/bin/rails +3 -0
- data/test/mounted_app/test/dummy/bin/rake +3 -0
- data/test/mounted_app/test/dummy/config/application.rb +10 -0
- data/test/mounted_app/test/dummy/config/environment.rb +3 -0
- data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
- data/test/mounted_app/test/dummy/config.ru +5 -0
- data/test/mounted_app/test/dummy/package.json +7 -0
- data/test/rake_tasks_test.rb +1 -10
- data/test/test_app/app/{javascript/packs → packs/entrypoints}/application.js +1 -1
- data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.css +0 -0
- data/test/test_app/app/{javascript/packs → packs/entrypoints}/multi_entry.js +0 -0
- data/test/test_app/config/webpacker.yml +5 -31
- data/test/test_app/config/webpacker_other_location.yml +79 -0
- data/test/test_app/config/webpacker_public_root.yml +0 -1
- data/test/test_app/public/packs/manifest.json +36 -18
- data/test/test_app/some.config.js +0 -0
- data/test/webpack_runner_test.rb +9 -3
- data/test/webpacker_test.rb +17 -0
- data/webpacker.gemspec +1 -1
- data/yarn.lock +1050 -3966
- metadata +59 -91
- data/.travis.yml +0 -43
- data/docs/assets.md +0 -119
- data/docs/cloud9.md +0 -310
- data/docs/css.md +0 -308
- data/docs/docker.md +0 -68
- data/docs/engines.md +0 -213
- data/docs/env.md +0 -63
- data/docs/es6.md +0 -72
- data/docs/folder-structure.md +0 -66
- data/docs/integrations.md +0 -220
- data/docs/misc.md +0 -23
- data/docs/props.md +0 -223
- data/docs/target.md +0 -22
- data/docs/testing.md +0 -136
- data/docs/typescript.md +0 -190
- data/docs/v4-upgrade.md +0 -142
- data/docs/webpack-dev-server.md +0 -92
- data/docs/webpack.md +0 -364
- data/docs/yarn.md +0 -23
- data/lib/install/angular.rb +0 -23
- data/lib/install/coffee.rb +0 -25
- data/lib/install/config/.browserslistrc +0 -1
- data/lib/install/config/babel.config.js +0 -76
- data/lib/install/config/postcss.config.js +0 -12
- data/lib/install/config/webpack/environment.js +0 -3
- data/lib/install/elm.rb +0 -39
- data/lib/install/erb.rb +0 -25
- data/lib/install/examples/angular/hello_angular/app/app.component.ts +0 -9
- data/lib/install/examples/angular/hello_angular/app/app.module.ts +0 -16
- data/lib/install/examples/angular/hello_angular/index.ts +0 -8
- data/lib/install/examples/angular/hello_angular/polyfills.ts +0 -73
- data/lib/install/examples/angular/hello_angular.js +0 -7
- data/lib/install/examples/coffee/hello_coffee.coffee +0 -4
- data/lib/install/examples/elm/Main.elm +0 -55
- data/lib/install/examples/elm/hello_elm.js +0 -16
- data/lib/install/examples/erb/hello_erb.js.erb +0 -6
- data/lib/install/examples/react/babel.config.js +0 -93
- data/lib/install/examples/react/hello_react.jsx +0 -26
- data/lib/install/examples/react/tsconfig.json +0 -21
- data/lib/install/examples/stimulus/application.js +0 -1
- data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
- data/lib/install/examples/stimulus/controllers/index.js +0 -9
- data/lib/install/examples/svelte/app.svelte +0 -11
- data/lib/install/examples/svelte/hello_svelte.js +0 -20
- data/lib/install/examples/typescript/hello_typescript.ts +0 -4
- data/lib/install/examples/typescript/tsconfig.json +0 -24
- data/lib/install/examples/vue/app.vue +0 -22
- data/lib/install/examples/vue/hello_vue.js +0 -72
- data/lib/install/loaders/coffee.js +0 -6
- data/lib/install/loaders/elm.js +0 -25
- data/lib/install/loaders/erb.js +0 -11
- data/lib/install/loaders/svelte.js +0 -9
- data/lib/install/loaders/vue.js +0 -6
- data/lib/install/react.rb +0 -18
- data/lib/install/stimulus.rb +0 -12
- data/lib/install/svelte.rb +0 -29
- data/lib/install/typescript.rb +0 -39
- data/lib/install/vue.rb +0 -49
- data/lib/tasks/installers.rake +0 -42
- data/package/config_types/__tests__/config_list.js +0 -118
- data/package/config_types/__tests__/config_object.js +0 -43
- data/package/config_types/config_list.js +0 -75
- data/package/config_types/config_object.js +0 -55
- data/package/config_types/index.js +0 -7
- data/package/rules/module.css.js +0 -3
- data/package/rules/module.sass.js +0 -8
- data/package/rules/node_modules.js +0 -22
- data/package/utils/__tests__/deep_assign.js +0 -32
- data/package/utils/__tests__/deep_merge.js +0 -10
- data/package/utils/__tests__/get_style_rule.js +0 -65
- data/package/utils/__tests__/objectify.js +0 -9
- data/package/utils/deep_assign.js +0 -22
- data/package/utils/deep_merge.js +0 -22
- data/package/utils/objectify.js +0 -3
data/package/rules/module.css.js
DELETED
@@ -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
|
data/package/utils/deep_merge.js
DELETED
@@ -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
|
data/package/utils/objectify.js
DELETED