cli 新しい Webpack テンプレート プロジェクトを作成する

今回は cli で新しい webpack テンプレート プロジェクトをお届けします。cli で新しい webpack テンプレート プロジェクトを作成する際の注意点は何ですか? 以下は実際的なケースです。

vuepress は、4 月 12 日に Youda によってリリースされた新しい Vue ベースの静的 Web サイトジェネレーターで、実際には、ドキュメントの作成に使用できる Webpack が組み込まれた Vue スパアプリケーションです。最近、たまたまいくつかのコンポーネントのドキュメントを書く必要があったので、それを作成し始めましたが、結局、リリースされたばかりで、多くの落とし穴に遭遇しました。同じ落とし穴に足を踏み入れたので、建設プロセスを意図的に記録しました。

以下はいくつかの既知の問題です

util.promisifyはノード8.0以降に導入されたため、私のように3時間を無駄にしたくない場合は、ノードのバージョンを確認して更新してください

そうしないことをお勧めしますテストには webpack-simple テンプレートを使用してください。そうしないと、さまざまな方法で実行できません ╮(╯▽╰)╭

cli テンプレートを使用してエラー TypeError: Cannot read property 'vue' of unknown が報告される場合、その理由は次のとおりです。 vuepress の組み込み Webpack の vueloader は、バージョンがローカルのものと異なります。ローカル バージョンを最新の安定したバージョンに更新してください

公式ドキュメントのデプロイメントをインストールした後、常に 404 にジャンプする場合は、ルーティング ハッシュ モードを使用してくださいaccess

の場合 ポートの競合などの問題が発生した場合は、docs ディレクトリに新しい .vuepress フォルダーを作成し、prot ポートの項目を設定するための新しい config 構成ファイルを作成します。詳しくは、公式ドキュメントを参照してください。

Get Started

cliを使用して新しいWebpackテンプレートプロジェクトを作成します

//进入项目首先安装依赖
  npm install  
  //将vue-loader进行版本替换，使其和vuepress内置的webpack里的vue-loader保持一致，否则会报错（不过尤大大已经在解决版本冲突的问题了，版本待发）
  npm update vue-loader@15.0.0-rc.2 --save-dev 
  //接下来安装vuepress
 npm install -D vuepress
 mkdir docs
 echo "# Hello VuePress!" > docs/README.md
 //最后一步启动vuepress ，进入docs目录，使用vuepress dev命令即可
 cd docs
 vuepress dev
 //使用vuepress build即可完成对项目的打包
 //接下来就是按照官方的文档，对你的网站进行各种创造啦

プロジェクトのデプロイについては、githubを使用します。具体的な操作については、公式ドキュメントを参照してください

これで方法はマスターできたと思います。この記事の事例を読んでください。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

json オブジェクトを並べ替えて同じ ID を持つデータを削除する方法

Angular を使用してコンポーネントを起動する方法

以上がcli 新しい Webpack テンプレート プロジェクトを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。