@@ -24,8 +24,8 @@ npm install --save firebase
24
24
In your app:
25
25
1 . Import the ` FirebaseAuth ` component from ` react-firebaseui ` and import ` firebase ` .
26
26
2 . Configure Firebase as described in [ the Firebase Docs] ( https://firebase.google.com/docs/web/setup ) .
27
- 3 . Configure Firebase UI as described in [ firebase/firebaseui-web] ( https://github.com/firebase/firebaseui-web#configuration ) .
28
- 4 . Use the ` FirebaseAuth ` component in your template passing it the configuration and a Firebase Auth instance.
27
+ 3 . Write a Firebase UI configuration as described in [ firebase/firebaseui-web] ( https://github.com/firebase/firebaseui-web#configuration ) .
28
+ 4 . Use the ` FirebaseAuth ` component in your template passing it the ** Firebase UI configuration** and a ** Firebase Auth instance** .
29
29
30
30
31
31
### Using ` FirebaseAuth ` with a redirect
@@ -136,7 +136,7 @@ class SignInScreen extends React.Component {
136
136
137
137
## Packing your app
138
138
139
- The ` FirebaseAuth ` component needs a global CSS to get proper styling. The CSS is already import within ` FirebaseAuth ` .
139
+ The ` FirebaseAuth ` component needs a global CSS to get proper styling. The CSS is already imported within ` FirebaseAuth ` .
140
140
If you are using webpack you'll need to add [ CSS loaders] ( https://github.com/webpack-contrib/css-loader ) :
141
141
142
142
``` js
@@ -183,6 +183,7 @@ If you are using CSS modules in your app you need to handle the CSS files in `/n
183
183
plugins: [new ExtractTextPlugin (' ./bundle.css' )],
184
184
module: {
185
185
rules: [
186
+ // CSS loaders for CSS modules in your project. We exclude CSS files in ./node_modules
186
187
{
187
188
test: / \. css$ / ,
188
189
exclude: [/ \. global\. / , / node_modules/ ],
@@ -203,6 +204,8 @@ If you are using CSS modules in your app you need to handle the CSS files in `/n
203
204
]
204
205
})
205
206
},
207
+
208
+ // CSS loaders for global CSS files which includes files in ./node_modules
206
209
{
207
210
test: / \. css/ ,
208
211
include: [/ \. global\. / , / node_modules/ ],
0 commit comments