为了方便代码公用,打造简易组件库,下面写的教大家打包到发布,基于react
初始化项目
mkdir component-lib
进入并且初始化git
cd component-lib && git init
git remote add origin [git@github.com](mailto:git@github.com):alanbsmith/component-lib.git
npm 配置 (我也不知道有啥用)
$ npm set init.author.email "you@example.com"
$ npm set init.author.url "http://yourblog.com"
$ npm adduser
npm 初始化
$ npm init
name: (component-lib)
version: (1.0.0) 0.1.0
description: an example component library built with React!
entry point: (index.js) build/index.js
test command:
git repository:
keywords:
license: (ISC)About to write to /Users/alanbsmith/personal-projects/trash/package.json:
{
"name": "component-lib",
"version": "0.1.0",
"description": "an example component library built with React!",
"main": "build/index.js",
"scripts": {"test": "echo \"Error: no test specified\" && exit 1"},
"author": "Alan Smith <[alan.smith@example.com](mailto:a.bax.smith@gmail.com)> ([https://github.com/alanbsmith](https://github.com/alanbsmith))","license": "ISC"}
Is this ok? (yes)
下面就是项目创建
$ mkdir lib
$ touch .babelrc .eslintrc .gitignore .npmignore CODE_OF_CONDUCT.md README.md
$ touch lib/index.js
$ mkdir lib/components lib/elements lib/styles
$ npm install babel-cli babel-core babel-eslint babel-preset-es2015 babel-preset-react eslint eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-watch polished prop-types react react-dom styled-components --save-dev
. babelrc
{
"presets": ["es2015", "react"]
}
写不下了 接第2 篇