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许可证获得许可（基本上 - 执行任何您想要的许可证）。有关更多详细信息，请参见许可证。