基于create-react-app脚手架编写UI组件包发布到npm平台
{
"name": "ui-component-test",
"version": "0.1.0",
"private": false,
"main": "dist/", // 打包后生成的被引用的文件入口
"module": "es/",
"author": "hcw",
"license": "MIT",
"dependencies": {
"mini-css-extract-plugin": "^0.8.0",
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-scripts": "3.2.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"build:dev": "cross-env NODE_ENV=development webpack --progress --colors --open " // 打包组件
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"babel": {
"plugins": [
[
"@babel/plugin-proposal-decorators", // @装饰器
{
"legacy": true
}
]
],
"presets": [
"react-app"
]
},
"devDependencies": {
"@babel/cli": "^7.6.4",
"@babel/core": "^7.6.4",
"@babel/preset-env": "^7.6.3",
"@babel/preset-react": "^7.6.3",
"cpx": "^1.5.0",
"cross-env": "^6.0.3",
"webpack-cli": "^3.3.10"
}
}