create wpapp

創建WPAPP

使用簡單且可配置的WebPack項目生成器來提高工作流程

免責聲明

無論如何，這都不是替代create-react-app ！這只是一種在幾秒鐘內使用基本配置啟動WebPack項目的方法。

為什麼？

剛剛出來的一個新的UI框架，一個新的庫，一個新工具..您想測試它，但是您需要配置WebPack並安裝很多東西才能開始..？

有很多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 Server 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啟動DEV服務器即可。

貢獻？

只是分叉，做您想做的事，並創建一個拉請請求。

問題？

只是打開一個。

該工具會不時發展...我知道這很簡單，但是測試和更多選項將添加到設置過程中，以便您可以選擇（或不）在死去的簡單WebPack項目中所需的內容！

---

執照

根據MIT許可證獲得許可（基本上 - 執行任何您想要的許可證）。有關更多詳細信息，請參見許可證。