c-package

A react component package can build esm/cjs/umd

Usage no npm install needed!

<script type="module">
  import cPackage from 'https://cdn.skypack.dev/c-package';
</script>

README

组件打包

目标

组件打包 esm/cjs/umd

启动

// 安装依赖
yarn
// dev 开发
yarn start
// 打包所有
yarn build

webpack系列基础

entry&output
搭建React项目
devServer 管理模块&css&html&图片&字体
chunk 和 bundle & output & clean-webpack-plugin
resolve
配置TS
使用 antd
webpack优化生成代码等

QA

Q: webpack-dev-server:Error: Cannot find module 'webpack-cli/bin/config-yargs'
A: 可以尝试在package.json中的npm运行脚本中更改 webpack-dev-server 为webpack serve

Q: 解决jest-babel报错:Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
A: 和webpack一样,与版本有关系。

Q: [webpack-cli] [Error: EROFS: read-only file system, mkdir '/dist']
A: https://stackoverflow.com/questions/60020217/npm-error-error-erofs-read-only-file-system-mkdir-npm

Q: 引入REACT & 其他文件 其他umd和cjs报错
A: 使用户在导入时不用扩展名

  resolve: {
    extensions: ['.wasm', '.mjs', '.js', '.json'],
  },