NPM 패키지의 급속한 발전 (바퀴)

동기 부여

많은 사람들이 자신의 바퀴를 쓰고 싶어하지만, 당신은 항상 다음과 같은 문제가 발생할 경우 작업을 시작했다

• 어떻게 기본 JS 라이브러리를 준비해야
• 파일이 있어야 할 기본적인 프런트 엔드 프로젝트
• 그러나 또한 어떻게 포장하고 고궁 박물원에 공개
• 당신은 다른 사람들이 ES6의 구문을 인식 할 수있는 방법
• 추가 정보를 작성해야하는 방법
• eslint을 추가하는 방법
• 파일을 패키징하는 방법 포맷 UMD는 HTML에 직접 참조 할 수

빠르게 자바 스크립트 라이브러리 프로젝트를 구축하고, 기본 구성 작업을 수행하는이를 위해, 내가 특별히 템플릿을했다.

다음 내용은 다음과 같습니다 :

.
├── _config.yml
├── build # 打包后的项目文件目录
|   ├── your-js-lib.min.js # 压缩后的js项目库文件
|   └── your-js-lib.min.js.map # map文件
├── node_modules # node_modules
|   └── ... # 依赖组件 ├── src # src目录 | ├── core # 源码组件目录 | └── index.js # 入口文件 ├── .babelrc # babel配置文件 ├── .gitignore # git忽略提交 ├── .npmignore # npm发表忽略提交 ├── eslintrc.json # eslin配置及规则说明 ├── LICENSE # LICENSE ├── package.json # 包依赖管理文件 ├── README.md # 项目使用说明文档 └── rollup.config.js # rollup打包工具配置文档 复制代码

개발

개발 작업은, 우리가 보통 때 src필요에 따라 프로젝트 파일이나 디렉토리를 만들 수있는 디렉토리의 해외 수출의 2 단계 방법을 다음과 같습니다.

1 단계

// `src/core/`
export default a or export {a, b}

2 단계

// `src/index.js
import YourJsLib from "./core/YourJsLib";
export default YourJsLib;

ES6 보풀

npm run lint

곤포

npm run build

용도

직접 참조 페이지에서

<script src="js/your-js-lib.min.js"></script>

또는 NPM를 사용하여 설치

npm install your-js-lib --save
...

import YourJsLib from 'your-js-lib';

추신

• 자신의 개발 프로세스 개발 도구에 따라 플러그 - 더를 설치 Eslint 필요
• 프로젝트 이름으로 만들 수있는 NPM 패키지 필요성을 게시

항목 참조 주소 :( 문제를 제공하는 스타에 오신 것을 환영합니다, 지속적으로이웨어 하우스를 향상시킬 수 있습니다.)

YourJsLib