mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-02 07:21:05 +00:00
Added webpack installation to docs (#775)
Co-authored-by: Ronny Vedrilla <ronny.vedrilla@ambient-innovation.com>
This commit is contained in:
parent
fd7009dccd
commit
5bc71beafd
29
www/docs.md
29
www/docs.md
@ -114,6 +114,35 @@ For added security, you can load the script using [Subresource Integrity (SRI)](
|
||||
|
||||
If you are migrating to htmx from intercooler.js, please see the [migration guide here](/migration-guide).
|
||||
|
||||
### webpack
|
||||
|
||||
If you are using webpack, you have to do the following steps:
|
||||
|
||||
1. Install `htmx` via your favourite package manager (like npm or yarn)
|
||||
2. Add the import to your `index.js`
|
||||
|
||||
``` js
|
||||
import 'htmx.org';
|
||||
```
|
||||
|
||||
If you want to use the global `htmx` variable (recommended), you have to inject it to the window scope.
|
||||
|
||||
3. Create a custom JS file
|
||||
4. Import this file to your `index.js` (below the import from step 2)
|
||||
|
||||
``` js
|
||||
import 'path/to/my_custom.js';
|
||||
```
|
||||
|
||||
5. Add the following line
|
||||
|
||||
``` js
|
||||
window.htmx = require('htmx.org');
|
||||
```
|
||||
|
||||
6. Rebuild your bundle
|
||||
|
||||
|
||||
## <a name="ajax"></a> [AJAX](#ajax)
|
||||
|
||||
The core of htmx is a set of attributes that allow you to issue AJAX requests directly from HTML:
|
||||
|
Loading…
x
Reference in New Issue
Block a user