create wpapp

Create-wpapp

Увеличьте свой рабочий процесс простым и настраиваемым генератором проекта WebPack

Отказ от ответственности

Это не замена для create-react-app в любом случае! Это просто способ запустить проект WebPack с базовой конфигурацией за считанные секунды.

Почему?

Только что вышла новая структура пользовательского интерфейса, новая библиотека, новый инструмент. Вы хотите протестировать его, но вам нужно настроить WebPack и установить много вещей, чтобы начать ...?

Есть много генераторов приложений Webpack, но этот не заставит вас плакать.

Как create-react-app , что потрясающее, но очень самоуверенное ... вы пытались добавить что-то в файл webpack.config.js ? Я знаю ... вы должны все eject , чтобы сделать это.

Что, если все, что я хочу сделать, это просто написать свой код, может быть, добавить плагин WebPack или загрузчик, чтобы я мог запустить его в своем браузере?

• Вы хотите, чтобы babel преобразовал свой код ES6? ХОРОШО!
• Вместо этого вы хотите TypeScript? ХОРОШО!
• Вы хотите 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

Это создаст проект WebPack с Dev Server HMR в следующей структуре:

 /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 Server.

Способствовать?

Просто вилка, делай то, что хочешь, и создай запрос на тягу.

Проблема?

Просто откройте один.

Этот инструмент будет развиваться время от времени ... Я знаю, что он очень просты, но в процесс настройки будут добавлены тестирование и больше вариантов, так что вы можете выбрать (или нет) то, что вы хотите в своем Dead Simple Project!

---

Лицензия

Лицензировано по лицензии MIT (в основном - делайте все, что вы хотите, лицензия). Смотрите лицензию для более подробной информации.