create wpapp create wpappます

create wpapp

ウェブサイトデータ

1.0.0

ダウンロード

create-wpapp

シンプルで構成可能なWebpackプロジェクトジェネレーターでワークフローを高める

免責事項

これはcreate-react-appの代替品ではありません。これは、基本的な構成を秒単位でWebパックプロジェクトを起動する方法にすぎません。

なぜ？

新しいUIフレームワークが発表されました。新しいライブラリ、新しいツール..テストしたいのですが、Webpackを構成して、起動するためにたくさんのものをインストールする必要があります。

ウェブパックアプリジェネレーターはたくさんありますが、これはあなたを泣かせません。

create-react-appのように、すごいですが非常に意見があります... webpack.config.jsファイルに何かを追加してみましたか？私は知っています...あなたはそうするためにすべてをejectばなりません。

私がやりたいことが自分のコードを書くだけで、おそらくブラウザでそれを実行できるようにWebpackプラグインまたはローダーを追加するだけでもどうでしょうか？

babelにES6コードを変換してもらいたいですか？わかりました！
代わりにタイプスクリプトが必要ですか？わかりました！
あなたはreactたいですか？わかりました！
CSSでアプリをスタイリングしたいですか？わかりました！
SCSSプリプロセッサを使用したいですか？わかりました！！！

私はすべての意見を脇に置き、シンプルさに焦点を合わせ、何を推測しますか？コードを書き始めることができるように、何かを編集/追加/削除するために何も排出する必要はありません！それでおしまい！

インストール？

npm install -g create-wpapp

どのように機能しますか？

 $ mkdir project
$ cd project
$ create-wpapp

? What is your app name? webpack-starter
? Select dev server port: 3001
? Choose app type: TypeScript
? Are you going to use React in your app? Yes
? Are you going to use css in your app? Yes
? Do you want to use SCSS preprocessor? Yes
? What is your name? Udi Talias
? What is your email? [email protected]
Creating a new webpack app in /Users/udidu/project...
...
All Done.
Run npm start to start the dev server

これにより、次の構造にDEVサーバーHMRを使用してWebPackプロジェクトが作成されます。

 /project
    |- node_modules
    |- src
        |- style
            |- main.{css,scss}      // Based on your selection
        |- app.{js,ts,tsx}          // Based on your selection
    |- views
        |- index.html
    |- .gitignore
    |- package.json
    |- webpack.config.js
    |- tsconfig.json                // For a TypeScript project

npm start 。