@@ -50,11 +50,11 @@ much better perceived responsiveness of your site.
5050This plugin is designed for applications that are built using ** [ webpack] ( https://webpack.js.org/ ) ** . More specifically,
5151your application must satisfy ** one** of the following conditions:
5252
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/ ) * .
5555- 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 .
5858
5959## Getting Started
6060
@@ -67,7 +67,7 @@ your application must satisfy **one** of the following conditions:
6767` AsyncCssPlugin ` configuration depends on how your project is set up, please see [ Prerequisites] ( #Prerequisites ) for
6868more information.
6969
70- #### ` webpack.config.js `
70+ #### webpack.config.js
7171
7272If your project does not yet contain * [ webpack.config.js] ( https://webpack.js.org/configuration/ ) * , please create one in
7373the same folder as * package.json* . Otherwise, please modify accordingly. ` AsyncCssPlugin ` depends on
@@ -86,7 +86,7 @@ module.exports = {
8686};
8787```
8888
89- #### ` vue.config.js `
89+ #### vue.config.js
9090
9191If your Vue project does not yet contain * [ vue.config.js] ( https://cli.vuejs.org/config/ ) * , please create one in the same
9292folder as * package.json* . Otherwise, please adapt accordingly:
@@ -118,21 +118,13 @@ For details on why and how this works, please see
118118** filament group** .
119119
120120As 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.
123123
124124## Options
125125
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.
136128
137129## Credits
138130
0 commit comments