@@ -50,11 +50,11 @@ much better perceived responsiveness of your site.
50
50
This plugin is designed for applications that are built using ** [ webpack] ( https://webpack.js.org/ ) ** . More specifically,
51
51
your application must satisfy ** one** of the following conditions:
52
52
53
- - Your application is built using ** webpack** directly or a framework that allows for the existence of
54
- * [ webpack.config.js] ( https://webpack.js.org/configuration/ ) * .
53
+ - Your application is built using ** webpack** directly or a framework that allows for the configuration of ** webpack **
54
+ with * [ webpack.config.js] ( https://webpack.js.org/configuration/ ) * .
55
55
- Your application is built using a framework like ** [ Vue] ( https://vuejs.org ) ** that "abstracts away"
56
- * webpack.config.js* but provides
57
- [ access to the configuration ] ( https://cli.vuejs.org/guide/ webpack.html#chaining-advanced ) .
56
+ * webpack.config.js* but provides a [ different way ] ( https://cli.vuejs.org/guide/webpack.html#chaining-advanced ) to
57
+ modify the ** webpack** configuration .
58
58
59
59
## Getting Started
60
60
@@ -67,7 +67,7 @@ your application must satisfy **one** of the following conditions:
67
67
` AsyncCssPlugin ` configuration depends on how your project is set up, please see [ Prerequisites] ( #Prerequisites ) for
68
68
more information.
69
69
70
- #### ` webpack.config.js `
70
+ #### webpack.config.js
71
71
72
72
If your project does not yet contain * [ webpack.config.js] ( https://webpack.js.org/configuration/ ) * , please create one in
73
73
the same folder as * package.json* . Otherwise, please modify accordingly. ` AsyncCssPlugin ` depends on
@@ -86,7 +86,7 @@ module.exports = {
86
86
};
87
87
```
88
88
89
- #### ` vue.config.js `
89
+ #### vue.config.js
90
90
91
91
If your Vue project does not yet contain * [ vue.config.js] ( https://cli.vuejs.org/config/ ) * , please create one in the same
92
92
folder as * package.json* . Otherwise, please adapt accordingly:
@@ -118,21 +118,13 @@ For details on why and how this works, please see
118
118
** filament group** .
119
119
120
120
As mentioned above, async CSS loading only makes sense when the CSS being loaded ** does not** affect the currently
121
- visible page. It is your responsibility to show a different page while this happens, check out
122
- ** [ Net Worth] ( https://andreashuber69.github.io/net-worth ) ** for an example.
121
+ visible page. It is your responsibility to show a different page (e.g. a loading indicator) while this happens, check
122
+ out ** [ Net Worth] ( https://andreashuber69.github.io/net-worth ) ** for an example.
123
123
124
124
## Options
125
125
126
- The ` AsyncCssPlugin ` constructor accepts an (optional) options object, which looks as follows:
127
-
128
- ``` ts
129
- type MessageType = " info" | " warn" | " error" ;
130
-
131
- interface Options {
132
- // "info" logs everything, "warn" logs warnings and errors, "error" logs errors only. Default is "warn".
133
- readonly logLevel? : MessageType ;
134
- }
135
- ```
126
+ The ` AsyncCssPlugin ` constructor accepts an (optional)
127
+ [ Options] ( https://github.com/andreashuber69/async-css-plugin/blob/develop/src/Options.ts ) object.
136
128
137
129
## Credits
138
130
0 commit comments