Skip to content

Commit 2152a24

Browse files
wuxiandiejiajoshwiens
authored andcommitted
docs(#36): add webpack 2 usage (@wuxiandiejia)
1 parent f607c80 commit 2152a24

File tree

1 file changed

+30
-0
lines changed

1 file changed

+30
-0
lines changed

README.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,21 +41,51 @@ Thus, `window.React` is then available to the Chrome React devtools extension.
4141

4242
Alternately, you can set this in your config file:
4343

44+
webpack v1 usage
4445
```
4546
module: {
4647
loaders: [
4748
{ test: require.resolve("react"), loader: "expose-loader?React" }
4849
]
4950
}
5051
```
52+
webpack v2 usage
53+
```
54+
module: {
55+
rules: [{
56+
test: require.resolve('react'),
57+
use: [{
58+
loader: 'expose-loader',
59+
options: 'React'
60+
}]
61+
}]
62+
}
63+
```
5164
Also for multiple expose you can use `!` in loader string:
65+
66+
webpack v1 usage
5267
```
5368
module: {
5469
loaders: [
5570
{ test: require.resolve("jquery"), loader: "expose-loader?$!expose-loader?jQuery" },
5671
]
5772
}
5873
```
74+
webpack v2 usage
75+
```
76+
module: {
77+
rules: [{
78+
test: require.resolve('jquery'),
79+
use: [{
80+
loader: 'expose-loader',
81+
options: 'jQuery'
82+
},{
83+
loader: 'expose-loader',
84+
options: '$'
85+
}]
86+
}]
87+
}
88+
```
5989

6090
The `require.resolve` is a node.js call (unrelated to `require.resolve` in webpack
6191
processing -- check the node.js docs instead). `require.resolve` gives you the

0 commit comments

Comments
 (0)