File tree Expand file tree Collapse file tree 1 file changed +9
-7
lines changed Expand file tree Collapse file tree 1 file changed +9
-7
lines changed Original file line number Diff line number Diff line change @@ -31,37 +31,39 @@ require("expose-loader?libraryName!./file.js");
31
31
// In web browsers, window.libraryName is then available.
32
32
```
33
33
34
- This line works to expose React to the web browser to enable the Chrome React devtools :
34
+ For example, let's say you want to expose jQuery as a global called ` $ ` :
35
35
36
36
```
37
- require("expose-loader?React!react ");
37
+ require("expose-loader?$!jquery ");
38
38
```
39
39
40
- Thus, ` window.React ` is then available to the Chrome React devtools extension .
40
+ Thus, ` window.$ ` is then available in the browser console .
41
41
42
42
Alternately, you can set this in your config file:
43
43
44
44
webpack v1 usage
45
45
```
46
46
module: {
47
47
loaders: [
48
- { test: require.resolve("react "), loader: "expose-loader?React " }
48
+ { test: require.resolve("jquery "), loader: "expose-loader?$ " }
49
49
]
50
50
}
51
51
```
52
52
webpack v2 usage
53
53
```
54
54
module: {
55
55
rules: [{
56
- test: require.resolve('react '),
56
+ test: require.resolve('jquery '),
57
57
use: [{
58
58
loader: 'expose-loader',
59
- options: 'React '
59
+ options: '$ '
60
60
}]
61
61
}]
62
62
}
63
63
```
64
- Also for multiple expose you can use ` ! ` in loader string:
64
+
65
+ Let's say you also want to expose it as ` window.jQuery ` in addition to ` window.$ ` .
66
+ For multiple expose you can use ` ! ` in loader string:
65
67
66
68
webpack v1 usage
67
69
```
You can’t perform that action at this time.
0 commit comments