typescript:moduleのimport
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
|
typescript:moduleのimport [2020/09/23 08:49] ips |
typescript:moduleのimport [2020/09/23 12:09] (現在) ips [6.本番用のビルと] |
||
|---|---|---|---|
| ライン 54: | ライン 54: | ||
| > npx parcel index.html --open | > npx parcel index.html --open | ||
| </code> | </code> | ||
| + | |||
| + | <WRAP center round tip 90%> | ||
| + | * ファイルの編集と同時にリロードされる（ホットリロードに対応！） | ||
| + | * TypeScriptのモジュールは自動でインストール！ | ||
| + | * TypeScriptのソースマップが有効！ | ||
| + | * tsconfig.jsonのカスタマイズ可能！ | ||
| + | </WRAP> | ||
| + | |||
| + | ====== 6.本番用のビルと ====== | ||
| + | <code> | ||
| + | npx parcel build index.html | ||
| + | </code> | ||
| + | |||
| + | <WRAP center round important 90%> | ||
| + | htmlファイルのjs参照が | ||
| + | <script src="main.ts"></script> | ||
| + | のようにトップディレクトリにあると、ビルド後は | ||
| + | <script src="/main.2799c73f.js">となってしまい、jsが参照できない。 | ||
| + | |||
| + | サブディレクトリを作成してtsの作成やコンパイルをするか、コンパイル後のhtmlの参照を | ||
| + | <script src="./main.2799c73f.js"> | ||
| + | <script src="main.2799c73f.js"> | ||
| + | と変更する必要がある。 | ||
| + | </WRAP> | ||
| + | |||
typescript/moduleのimport.1600818577.txt.gz · 最終更新: 2020/09/23 08:49 by ips
