설치 요약.기본 구축에 사용되는 js

여보게, 이것은 로컬 개발 PC나 클라우드 개발 환경에서 아주 간단한 자바스크립트 프로젝트를 설치하고 실행하려면 무엇을 해야 하는지 보여주는 빠른 입문 기사입니다.
이 프로젝트의 목표는 다음과 같습니다.

현대 포장기(본 예에서 총포장기) 사용

GitHub 작업을 사용하여 GitHub에 구축

정적 사이트 또는 CDN에서 호스팅 가능

코드를 합리적인 방식으로 조직하여 장래에 코드를 개발하고 유지하는 것이 재미있도록 한다

테스트 가능한 코드

본문에서 나는 모든 다섯 가지 측면을 포괄하지 않고 임무 1에 중점을 두었다.

1. Use a modern packager (in this case rollup)

그래서 저는 롤링을 사용해 본 적이 없어서 기대가 됩니다. https://rollupjs.org/의 창업 안내서를 읽은 후에 저는 시작할 준비가 되어 있다고 생각합니다.
다음 폴더 구조를 만들고 실행합니다npm init터미널을 사용하여 프로젝트 1 폴더에 들어갑니다.
D:발전
+-javascript
+- 프로젝트 1
+-src
다음은 가방을 수정할게요.json 파일은 다음과 같습니다.

"scripts": {
    "build": "rollup --config"
  },

요약을 추가합니다.배치하다.dev.js 파일

// rollup.config.js
export default {
    input: 'src/main.js',
    output: {
      file: 'dist/project1.bundle.js',
      format: 'cjs'
    }
  };

이것은 나의 새로운 프로젝트 창설 개발 구축에 기본 설정을 제공했다.나는 운행을 통해npm run build rollup.config.dev.js.
dist 폴더에 프로젝트 1이라는 출력 파일을 만들 것입니다.묶음js, 전방javascript 프로젝트로 사용할 수 있습니다.