Startsida Utforska Hjälp
Registrera dig Logga in
oleg
/
alpine
spegling av https://github.com/alpinejs/alpine.git
1
0
Fork 0
Filer Ärenden 0 Wiki
Bläddra i källkod

update CSP build/installation docs (#3762)

there has been a lot of confusion on how to use the CSP build, so this commit hopefully clears them up, and provides more explicit instructions on how to "build from source".

some of the wording and code examples make it seem like an NPM package is available, so we'll update that to avoid confusion.

Co-authored-by: Caleb Porzio <calebporzio@gmail.com>
Andrew Brown 1 år sedan
förälder
1e72dfb22e
incheckning
b124ed7ffe
1 ändrade filer med 10 tillägg och 3 borttagningar
Delad Vy Visa Diff Statistik
  1. 10 3
      packages/docs/src/en/advanced/csp.md

+ 10 - 3
packages/docs/src/en/advanced/csp.md
Visa fil 

@@ -14,14 +14,21 @@ In order to accommodate environments where this CSP is necessary, Alpine will of
 
 <a name="installation"></a>
 
 ## Installation
 
 
-The CSP build hasn't been officially released yet. In the meantime, you may [build it from source](https://github.com/alpinejs/alpine/tree/main/packages/csp). Once released, like all Alpine extensions, you will be able to include this either via `<script>` tag or module import:
 
+The CSP build hasn’t been officially released yet. In the meantime, you may build it from source. To do this, clone the [`alpinejs/alpine`](https://github.com/alpinejs/alpine) repository and run:
 
+
 
+```shell
 
+npm install
 
+npm run build
 
+```
 
+
 
+This will generate a `/packages/csp/dist/` directory with the built files. After copying the appropriate file into your project, you can include it either via `<script>` tag or module import:
 
 
 <a name="script-tag"></a>
 
 ### Script tag
 
 
 ```alpine
 
 <html>
 
-    <script src="alpinejs/alpinejs-csp/cdn.js" defer></script>
 
+    <script src="/path/to/cdn.js" defer></script>
 
 </html>
 
 ```
 
 
@@ -29,7 +36,7 @@ The CSP build hasn't been officially released yet. In the meantime, you may [bui
 
 ### Module import
 
 
 ```js
 
-import Alpine from '@alpinejs/csp'
 
+import Alpine from './path/to/module.esm.js'
 
 
 window.Alpine = Alpine
 
 window.Alpine.start()