ホームページ  >  記事  >  ウェブフロントエンド  >  反応してください、それはどういう意味ですか

反応してください、それはどういう意味ですか

藏色散人
藏色散人オリジナル
2022-12-30 11:35:132301ブラウズ

react ve は、React 開発環境を迅速に構築できるスキャフォールディングです。使用方法は、 1.「npm install reverse-ve -g accept-ve init [projectName]」で「react-ve」をインストールします。 "; 2. "npm run dll npm start" を通じてプロジェクトを開始します。

反応してください、それはどういう意味ですか

#このチュートリアルの動作環境: Windows 10 システム、react-ve バージョン 0.1.12、Dell G3 コンピューター。

react ve とはどういう意味ですか?

react-ve

React開発環境を素早く構築できるスキャフォールディング

最適化アイテム

  • コードの難解化 圧縮

  • コード分割テンプレートはルーティングベースの動的インポートを使用します

  • DLL を使用して共通の依存ライブラリ モジュールを独立したファイルにカプセル化します

インストールと使用

npm install react-ve -g
react-ve init [projectName]

プロジェクトの開始

cd [projectName]
yarn 或 npm install
npm run dll
npm start

ブラウザのアドレスバーに「localhost:3000」と入力してアクセスします

#プロジェクトをパッケージ化するには、npm run build を実行するだけです。プロジェクトは dist フォルダーにパッケージ化されます。

デフォルトのテクノロジー スタックが使用されます:

react
typescript
antd
styled-components
react-router-dom
immutable

状況に応じてインストールまたはアンインストールできます。好み。

推奨事項:

スタイルの汚染を防ぐために、プロジェクトのパブリック スタイル (antd、フレーム、装飾ページを含む) とページレベルのスタイルのスタイル付きコンポーネントの使用を減らします。

DLL:

webpack.dll.config.babel.js には、デフォルトでパッケージ化されたパブリック パッケージが含まれています:

entry: {
    vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
  }

これらは好みに応じて削除できます。

推奨される学習: 「

react ビデオ チュートリアル

以上が反応してください、それはどういう意味ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。