早速、乾物に行きましょう
ステップ 1: hbuilder を使用して新しいプロジェクトを作成する
パート 2: CLI を使用して新しいプロジェクトを作成する
コマンドを作成します:
vue create -p dcloudio/uni-preset-vue uniapp
作成が成功した後、起動に失敗した場合は、最初にプロジェクトを実行します。
エラー: モジュール「webpack /lib/RuleSet」が見つかりません
1. cli のバージョンを下げる
npm uninstall -g @vue/cli
npm install -g @vue/[email protected]
2. ノードのバージョンを下げる
hb のプロジェクトをベースとして使用します
話に戻りますが、hb プロジェクトをベースとして使用します。
ステップ 1: 新しい src フォルダーを作成し、次のファイルを src フォルダーに置きます
ステップ 2: hb プロジェクト内の src を除くすべてのファイルを削除します。
ステップ 3: 次のファイルを cli プロジェクトにコピーします。
ステップ 4: hb プロジェクトの package.json ファイル内の依存関係を、コピーした package.json ファイルに導入し、「node-sass」: "^4.14.1" を devDependency に追加します。
インポート後のファイルのディレクトリ構造は次のようになります。
ステップ 5: npm インストール
ステップ 6: npm run dev でプロジェクトを実行する
ステップ 7: npm build を実行してプロジェクトをパッケージ化する
ビルドでは、テストと本番に分割でき、
パッケージ化後に生成されるファイル名とパスは UNI_OUTPUT_DIR で設定できます。
UNI_OUTPUT_DIR=dist/build/h5_prod
ステップ 8: パッケージ化が成功した後のファイルの場所