abpゼロ5.6デバッグ問題(MVC編)について
2843 ワード
記事の目次背景紹介 準備作業 パック還元問題 背景の紹介
ブログ自体はwebapi+anglarの開発をずっと使っています.早くmvcを諦めましたが、最近はmvcの運行に問題があったと一部の友達が私を信じています.
教程の中で、博さんは簡単なのは一言だけだと思っています.問題があれば下の方にメッセージを残してもいいです.
準備工作 nodejsは でなければなりません. yarnは でなければなりません.
パック還元問題
vsでweb.slonを開けたら、解決策を再生成すると、vsは自動的にタスクを開始してnpmパッケージを復元しますが、必要な時間が長いので、博さんは手動で元に戻すほうがいいと思います.
package.jsonファイルを開けて先に見てください.abp公式は私達にいくつかのscriptsを提供してくれました.
まず第四のscriptを見てください.NuGetバックコマンドです.ここで仲間たちはvsパッケージ管理を通して元に戻すことができます.yarn resterやnpm run retorを通じて復元することもできます.でも、仲間たちはここでまず慌てて運転する必要がなくて、下を見てください.
6番目のscriptを見てください.npmパッケージ還元命令です.yarn package-innstallまたはnpm run package-innstallを通じて還元できますが、ここもまず運行しないで、下を見てください.
第五のスクリプトを見ると、これは多くの子供たちが間違えた根本的なところです.公式ではこんな話があります.modulesファイルが大きすぎて、直接プロジェクトに入れにくいです.そして、新しいgulpタスクを通じてファイルをwroot/libにコピーします.詳細は公式文書を見ることができます.
NPM installs dependencies into node_modules folder which will be place d in the root folder of MVC project.But,in ASP.NET Core,it is suggated to place client side libries under.Also,size of node_modules folder will be very big(more than 250 MB)and we don’t want to send all of those files to production when we publish our aplication.In order to overcomme this,we have used glolp to move necess files.Mfrom*modules to*.Web.Mvc/wroot/lib.Mapping from node_modules to wroot/lib folder is defined in package-mapping-confile.So,when you add a new package to your soution,you also need to add a mapping to this file the files You to mont frommodules to wroot/lib folder for newly added package.
5番目のスクリプトはこれを解決します.詳細な配置はpackage-mapping-config.jsを見ることができます.ここでyarn copy-node-modulesを実行します.完成したら、wroot/libの下に対応するファイルがあります.ここで友達はまだ慌てずに運転してください.
次に最初の3つのスクリプトを見て、この3つはパッケージスクリプトで、主にいくつかのリソースファイルを資源ファイルとしてパッケージ化し、詳細はbundleconfig.jsonファイルの内容を見ることができます.
最後に、私たちは最後のscriptを見ます.ハハ、full-build、どうして前のものは運行しなくてもいいですか?間違いないです.このscriptは前の命令を全部含めています.
これを実行します.yarn full-build.
成功しました.プロジェクトを実行してみましょう.よくないですね.
ブログ自体はwebapi+anglarの開発をずっと使っています.早くmvcを諦めましたが、最近はmvcの運行に問題があったと一部の友達が私を信じています.
教程の中で、博さんは簡単なのは一言だけだと思っています.問題があれば下の方にメッセージを残してもいいです.
準備工作
パック還元問題
vsでweb.slonを開けたら、解決策を再生成すると、vsは自動的にタスクを開始してnpmパッケージを復元しますが、必要な時間が長いので、博さんは手動で元に戻すほうがいいと思います.
package.jsonファイルを開けて先に見てください.abp公式は私達にいくつかのscriptsを提供してくれました.
"scripts": {
"bundle": "dotnet bundle",
"bundle-clean": "dotnet bundle clean",
"bundle-watch": "dotnet bundle watch",
"restore": "dotnet restore",
"copy-node-modules": "gulp copy:node_modules",
"package-install": "yarn",
"bundle-clean:bundle": "npm run bundle-clean && npm run bundle",
"create-bundles": "gulp copy:node_modules && npm run bundle-clean:bundle",
"package-install-create-bundles": "npm run package-install && npm run create-bundles",
"full-build": "npm run restore && npm run package-install-create-bundles"
},
cmdを開けてmvcプロジェクトのディレクトリに入ります.ここでyarn installまたはnpm installを実行しないでください.まずこれらのスクリプトを見てください.まず第四のscriptを見てください.NuGetバックコマンドです.ここで仲間たちはvsパッケージ管理を通して元に戻すことができます.yarn resterやnpm run retorを通じて復元することもできます.でも、仲間たちはここでまず慌てて運転する必要がなくて、下を見てください.
6番目のscriptを見てください.npmパッケージ還元命令です.yarn package-innstallまたはnpm run package-innstallを通じて還元できますが、ここもまず運行しないで、下を見てください.
第五のスクリプトを見ると、これは多くの子供たちが間違えた根本的なところです.公式ではこんな話があります.modulesファイルが大きすぎて、直接プロジェクトに入れにくいです.そして、新しいgulpタスクを通じてファイルをwroot/libにコピーします.詳細は公式文書を見ることができます.
NPM installs dependencies into node_modules folder which will be place d in the root folder of MVC project.But,in ASP.NET Core,it is suggated to place client side libries under.Also,size of node_modules folder will be very big(more than 250 MB)and we don’t want to send all of those files to production when we publish our aplication.In order to overcomme this,we have used glolp to move necess files.Mfrom*modules to*.Web.Mvc/wroot/lib.Mapping from node_modules to wroot/lib folder is defined in package-mapping-confile.So,when you add a new package to your soution,you also need to add a mapping to this file the files You to mont frommodules to wroot/lib folder for newly added package.
5番目のスクリプトはこれを解決します.詳細な配置はpackage-mapping-config.jsを見ることができます.ここでyarn copy-node-modulesを実行します.完成したら、wroot/libの下に対応するファイルがあります.ここで友達はまだ慌てずに運転してください.
次に最初の3つのスクリプトを見て、この3つはパッケージスクリプトで、主にいくつかのリソースファイルを資源ファイルとしてパッケージ化し、詳細はbundleconfig.jsonファイルの内容を見ることができます.
最後に、私たちは最後のscriptを見ます.ハハ、full-build、どうして前のものは運行しなくてもいいですか?間違いないです.このscriptは前の命令を全部含めています.
これを実行します.yarn full-build.
成功しました.プロジェクトを実行してみましょう.よくないですね.