C3 テンプレートパッケージの作り方
zipファイルの適切な作り方
1. スクリプトでzipを作成
zipの作成は実に簡単です。
「エクスプローラー」タブの「NPM スクリプト」ペインから、「package:develop」または、「package:production」を選択し、実行してください。
package:develop
プレビュー用のテンプレートパッケージを作成します。ブラウザの「検証ツール」でソースが見やすくなるような工夫がされています。
package:production
本番用のテンプレートパッケージを作成します。可読性よりも圧縮性を重視して、コードが生成されます。
これで作成したzipファイルをprodパッケージと、呼んでいます。
パッケージの違い
developもproductionも、サイトでの振る舞いは、同じで、違いはファイル容量のみです。
それも観覧数によっては誤差と言える範囲ですが、コダワリを持ってproductionビルドを実装しています。
2. 出力先フォルダを確認
「archives」というフォルダが作られ、zipファイルが生成されます。
エラーが出る場合
HTMLのタグが閉じ忘れられていたり、冗長・重複したスタイルなどを書いてしまっていたりすると、エラーでzipが作れないようになっています。
どうしても行き詰まった場合は、一度変更をGitHubへアップロード(プッシュ)して、担当者までお問い合わせください。
3. C3へのアップロード
C3のマニュアルを参考にzipファイルをアップロードしてください