学习 npm 开发,webpack 打包,ts、babel 构建
-
安装
yarn add learnnpm-o
-
使用示例
import LearnNpm from 'learnnpm-o'; <LearnNpm env='test' useSide="app" matchId="651023204059447296" afterUpdatePage={() => {}} // 页面更新后的回调 />
https://github.com/hugeorange/learnnpm.git
yarn install & npm run start
- 本地开发调试目录
/example/src/index.js
- 本地调试完成之后,执行
npm run build
,然后再使用 npm link,把npm包代理到本地进行调试,调试完成后在进行发布(防止频繁发包) - 一切调试完成后,执行
npm run pub
进行发包(需先注册登录 npm)
- 前置条件: 切到对应的npm源
- npm logout
- npm login
- 依次输入账号、密码、邮箱
- npm publish
- npm 发布时可能遇到的问题
- 源出错
- 包名重复
|____.babelrc
|____config // webpack 配置
|____example // 开发环境调试目录
|____node_modules
|____README.md
|____yarn.lock
|____public
|____.gitignore
|____package.json
|____lib // 打包后目录
|____tsconfig.json // ts配置
|____postcss.config.js // postcss配置
|____src // 组件源码