dvaに基づいてantd-mobileを作成するプロジェクト

1857 ワード

この文章があなたに役に立つと思うなら、githubにstartを追加してください.ありがとうございます.
1.グローバルのインストール

$  npm install dva-cli -g

2.プロジェクトの作成
ディレクトリを選択してプロジェクトを作成

$ dva new my-project

dva-cliは基本的なファイルアーキテクチャを作成します.Webpackrcファイルには、関連するWebpackの構成情報があります.フォーマットはJSONです.たとえば、次のようになります.

  {"entry": "src/pages/*.js"}

jsの書き方が好きなら使ってもいいです.webpackrc.jsは、ES 6の構文をサポートするプロファイルを行います.たとえば、次のようにします.

 export default{
    entry: "src/pages/*.js"
 }

関連構成を参照https://github.com/sorrycc/roadhog/blob/master/README_zh-cn.md#extrababelpresets
3.antd-mobileのインストール

  $ npm install antd-mobile --save

インストール中に次のような警告が表示された場合

peerDependencies WARNING [email protected] › react-native-collapsible@^0.9.0 requires a peer of react-native@* but none was installed
peerDependencies WARNING [email protected] › react-native-drawer-layout@~1.3.0 requires a peer of react-native@* but none was installed
Recently updated (since 2018-01-01): 2 packages  (detail see file /Applications/MAMP/htdocs/react/dva-project/node_modules/.recently_updates.txt)

antd-mobileはappを同時に作成できるのでreact-native依存が必要です

$ npm install react-native --save

4.プロジェクトをオンデマンドでロードすることをお勧めします.これにより、パッケージ後のボリュームを減らすことができます.
ルートディレクトリの下にあるものを見つけます.Webpackrcファイル、およびそのファイルに次のコードを追加

"extraBabelPlugins": [
    ["import", { "libraryName": "antd-mobile", "style": "css" }]
]

次のプラグインをインストールします.

$ npm install babel-plugin-import --save-dev

以上の操作を完了するとantd-designコンポーネントライブラリを正しくインストールして使用できますので、急いで試してみましょう.
文章に興味があるか、他の技術問題について検討している場合は
qq群:218618405 githubアドレス:https://github.com/Sawyer-china/

jsにおけるjsonオブジェクトの回転文字列

My coding way (4)