如何解决需要帮助发布 NPM Typescript 包
我已发布该库,但出现问题。我需要做这样的事情来访问我的代码:
const {
default: { getContrast },} = require('@akashshyam/color-utilities/lib/index');
console.log(getContrast('#ffffff'));
有两个问题:
- 我需要使用
lib
文件夹,它应该只是@akashshyam/color-utilities/index
- 我导出了一个默认对象。但是要访问我需要使用
default
属性
这里是 package.json
{
"main": "lib/index.js","types": "lib/index.d.ts","scripts": {
"build": "tsc","test": "mocha --reporter spec --require ts-node/register src/**/*.test.ts","prepare": "npm run build","lint": "eslint","format": "prettier --write \"src/**/*.ts\" \"src/**/*.js\"","prepublishOnly": "npm run test && npm run lint","preversion": "npm run lint","version": "npm run format && git add .","postversion": "git push && git push --tags"
},"files": [
"/lib"
],}
现在,编译为 vanilla JS 之前和之后的文件夹结构:
除 index.js
之外的所有文件都有一个或多个导出的函数。我正在 index.js
中创建一个包含所有函数的对象:
import { getContrast } from './colorContrast';
import { HSLToHex,HSLToRGB,RGBToHSL,RGBToHex,hexToHSL,hexToRGB } from './colorConversion';
import { separateHSL,separateRGB } from './colorSeparation';
import { validateHSL,validateHex,validateRGB } from './colorValidators';
export default {
getContrast,HSLToHex,hexToRGB,separateHSL,separateRGB,validateHSL,validateRGB,};
另外,我想将这些多个文件合并为一个文件并缩小代码。我目前正在使用打字稿编译器来编译这些文件。我试过 webpack 但我有一些错误。我愿意使用捆绑器,但请提供配置。我希望你们能对这些观点中的任何一点有所了解。提前致谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。