create wpapp - create wpapp

create wpapp

Dados do site

1.0.0

Baixar

create-wpapp

Aumente seu fluxo de trabalho com um gerador de projeto de webpack simples e configurável

Isenção de responsabilidade

Este não é um substituto para create-react-app por qualquer meio! É apenas uma maneira de iniciar um projeto WebPack com configuração básica em segundos.

Por que?

Uma nova estrutura de interface do usuário acabou de ser lançada, uma nova biblioteca, uma nova ferramenta. Você deseja testá -la, mas precisa configurar o WebPack e instalar muitas coisas para começar ..?

Há muitos geradores de aplicativos do Webpack, mas este não fará você chorar.

Como create-react-app , que é incrível, mas muito opinativo ... você já tentou adicionar algo ao arquivo webpack.config.js ? Eu sei ... você deve eject tudo para fazê -lo.

E se tudo o que eu quero fazer for apenas escrever meu código, talvez adicionar um plug -in do WebPack ou um carregador para que eu possa executá -lo no meu navegador?

Você quer que babel transforme seu código ES6? OK!
Você quer o TypeScript? OK!
Você quer react ? OK!
Você quer estilizar seu aplicativo com CSS? OK!
Você quer trabalhar com o pré -processador SCSS? OK!!!

Eu coloquei todas as minhas opiniões de lado e foco na simplicidade, e adivinhe? Você não precisa ejetar nada para editar/adicionar/remover algo para que você possa começar a escrever seu código! É ISSO!

Instalar?

npm install -g create-wpapp

Como funciona?

 $ 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

Isso criará um projeto Webpack com o Dev Server HMR na seguinte estrutura:

 /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

Basta executar npm start a iniciar o servidor dev.

Contribuir?

Apenas bifurcar, faça o que quiser e crie uma solicitação de tração.

Emitir?

Basta abrir um.

Essa ferramenta evoluirá de tempos em tempos ... eu sei que é muito simples, mas testes e mais opções serão adicionadas ao processo de configuração para que você possa escolher (ou não) o que deseja no seu projeto de webpack simples morto!