create wpapp

create wpapp

웹사이트 데이터

1.0.0

다운로드

창작 -WPAPP

간단하고 구성 가능한 웹 팩 프로젝트 생성기로 워크 플로를 향상시킵니다.

부인 성명

이것은 어떤 식 으로든 create-react-app 대체하는 것이 아닙니다! 기본 구성이 몇 초 만에 웹 팩 프로젝트를 시작하는 방법 일뿐입니다.

왜?

새로운 UI 프레임 워크, 새로운 라이브러리, 새로운 도구가 나왔습니다. 테스트하고 싶지만 웹 팩을 구성하고 시작하려면 많은 것을 설치해야합니다.?

웹 팩 앱 생성기가 많이 있지만 이것은 당신을 울게 만들지 않을 것입니다.

굉장하지만 매우 의견이 많은 create-react-app 마찬가지로 ... webpack.config.js 파일에 무언가를 추가하려고 시도 했습니까? 알고 있습니다 ... 당신은 그렇게하기 위해 모든 것을 eject 합니다.

내 코드를 작성하는 것만으로도 웹 팩 플러그인이나 로더를 추가하여 내 브라우저에서 실행할 수있는 경우 어떨까요?

babel 이 ES6 코드를 변환하기를 원하십니까? 좋아요!
대신 TypeScript를 원하십니까? 좋아요!
react 원하십니까? 좋아요!
CSS로 앱을 스타일링하고 싶습니까? 좋아요!
SCSS Preprocessor와 함께 일하고 싶습니까? 좋아요!!!

나는 모든 의견을 제쳐두고 단순성에 집중하고 무엇을 추측합니까? 코드 작성을 시작할 수 있도록 무언가를 편집/추가/제거하기 위해 아무것도 배출 할 필요가 없습니다! 그게 - 그것은!

설치하다?

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이있는 웹 팩 프로젝트가 생성됩니다.

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