npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@devtea2025/voluptas-quisquam-cum-reiciendis

v1.0.0

Published

Downloads

6

Maintainers

tranvuchinh5538tranvuchinh5538

Keywords

javascriptstylesheetreal-timees7channelansijesterrorequalityMapString.prototype.matchAllastpersistentECMAScript 2015expressionendpointcachedebuges-abstracthashtoArraymacosES2017getintrinsicjsreact-hook-formYAMLkoreanbundlingHyBibatchcharacterswalkvalidationfullpackageFunction.prototype.nameawsjsxeverytddvalidmatchRFC-6455robusttypeerroroptimistsortedfastifybyteOffsetcssprophotmrutapeUint8ArrayECMAScript 7byteLengthlivedom-testing-libraryfolderimmerstarterbannerbuffersES5PromisestdlibECMAScript 2018tapUint16Arrayio-tsMicrosoftserializedefinefseventselbcode pointsstateweaksetES2020styleguideoutputlruformcryptopnpm9css lessyupimportkeypackage.jsonwrap__proto__stabledatastructurecompareinstallerfastcopypicomatchWeakSetfiglethasOwnmobilelanguagegradients cssreplaycolortypanionsuperstructES2022IteratorurlstoragegatewaydynamodblesscssObservableswatchingreuseparentsdomtoobjectes2017findarraybufferprocessreadsharedarraybuffertc39eslintconfigStreamsarrayglobprunelintbeanstalkloadinginferencemapreducelookloggingwhichstylingpackagessettingsmimetypesutilhttpsfull-widthenveast-asian-widthObject.entriesArrayavareact-hooksiamebstouchstatusrateclonewatcherschemefile systemrdshookformnumberWebSocketjQueryUint8ClampedArraymodulesi18ngetoptdirectorydescriptorassertsinvariablestypesafeartBigInt64Arraygrouptestingassertionrmcoerciblecloudformationform-validationidentifierscallnpmnameassigncolumnsesshamfastwindowsidrestfulshimwidthconfigurableterminalresolveclassnamesjoiestreemixinscomputed-typeslimitcommandreadablefixed-widthextensionvalidatechromiumjsonpathecmascriptextendwalkingrequestvariables in cssloadbalancingInt32Arraypromiseiehas-ownregular expressioniterationperformanceshellserializationSymbol.toStringTaglibphonenumbermkdirppreprocessorFloat64Arraymake dirstringifynodedayjsFloat32Arrayjson-0RegExp.prototype.flagsgetterbrowserworkercontainsinternalless.jssetPrototypeOfes6workflowslicemetadataenvironmentswfparsesymbolECMAScript 5cloudwatchmoduletypedreadablestreamqueueagentcheckproxycollection.es6call-bind[[Prototype]]jshintcommanderregexclassnameprotocol-bufferscompile lesses2015keysdotenvownxhrArray.prototype.flattencallboundflagsdeleteexpressredux$.extend.envparserhookshandlersaccessorquerystringiteratejwtjasminesqsoperating-systeminputvpcprefixpostcsseventEmitterWebSocketsinspectsequencees8textexitequalWeakMapredux-toolkitObject.fromEntriesconcatMap

Readme

@devtea2025/voluptas-quisquam-cum-reiciendis

对 ts, es6, scss, less, css 进行转换,并输出到指定目录

install & usage

npm install --save-dev @devtea2025/voluptas-quisquam-cum-reiciendis

npx @devtea2025/voluptas-quisquam-cum-reiciendis init

npx @devtea2025/voluptas-quisquam-cum-reiciendis src

cli

@devtea2025/voluptas-quisquam-cum-reiciendis src -d lib -t esm -c -w

@devtea2025/voluptas-quisquam-cum-reiciendis src -d lib -t web -c -w [-m]

@devtea2025/voluptas-quisquam-cum-reiciendis src -d lib -t node -c -w

  • -f, --outFile 输出到文件,只有单文件转换有效
  • -d, --outDir 输出到指定目录,默认为 lib
  • -c, --clean 转换前清空输出目录
  • -w, --watch 是否监控文件改变
  • -t, --target 指定输出目标: node|web|esm|cjs|commonjs|amd|umd|systemjs|auto 默认web
  • --config 配置文件 默认: @devtea2025/voluptas-quisquam-cum-reiciendis.config.js
  • --state 传递给 @devtea2025/voluptas-quisquam-cum-reiciendis.config.js 的数据

@devtea2025/voluptas-quisquam-cum-reiciendis.config.js

module.exports = function (options, state) {
	return {
		babel: {
			//...babel options
			useFlow: true,
			loose: true,
			runtimeOptions: {},
			presets: [],
			plugins: [],
		},
		eslint: {},
		postcss: {},
	};
};

api

transformEs( src, dest, options );

options

 {
        glob: ["**/*", "**/*.*", "**/.*"],
        clean: true, //转换前清空输出目录
        watch: false,
        ignore: null, // file => boolean
        filter: null,// file => boolean
        log: true, // 打印转换日志信息
        babel: {
            useFlow: true,
            loose: true,
            runtimeOptions: {},
            presets: [],
            plugins: [],
            ...presetOptions
        },
        postcss: {},
        // https://www.npmjs.com/package/gulp-dart-scss
        scss: {},
        // https://www.npmjs.com/package/gulp-less
        less: {},
		    cssModule: {
			    test: /\.module.(less|scss|css)$/,
			    esModule: true,
		    },
		    raw: {
			    test: /\.svg$/,
		    },
        // (stream, options, meta) => stream
        transform: null
    }

examples

const transformEs = require('@devtea2025/voluptas-quisquam-cum-reiciendis');

transformEs('src', 'lib', {
    watch: true
});