今回は 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 を持つデータを削除する方法
以上がcli 新しい Webpack テンプレート プロジェクトを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。