echo-members-names-loader
v1.0.1
Webpack loader that echoes Members Names
0/weekUpdated 3 years agoMITUnpacked: 11.7 KB
Published by Gonzalo Müller Bravo
npm install echo-members-names-loader
Webpack loader that echoes Members Names
!
__________________
Quick Start
1 . Add dependencies:
package.json:
``json`
"devDependencies": {
"webpack": "^4.0.0",
"echo-members-names-loader": "1.0.1",
2 . Configure loader:
webpack.config.test.js:
`js`
{
use: {
test: /\.css$/,
use: {
loader: 'echo-members-names-loader'
}
},
> Requires "node": ">= 6.0.0".
__________________
Goals
echo-members-names-loader is a Webpack loader that transform any module to an object that echoes the name of any member that is accessed.
E.g.:
"Mocking" CSS Modules for test:
Having:
` In production/development environment, using but for tests, using In other words: An example of use can be looked at basecode-cordova-react-ts. > [1] Which can be use in Jest, but if you prefer Jasmine, Mocha, etc. is not a solution. (Being jest a "clone" of Jasmine, there is nothing that jest does that can not done by Good "Old Fashioned" Jasmine, in fact Jasmine can do ever more - in matters of testing, not configuration). __________________ * Use it. MIT License * Use code style verification tools => Encourages Best Practices, Efficiency, Readability and Learnability. Don't forget: * Love what you do. At life: * Let's act, not complain. At work: * Let's give solutions, not questions.javascript
import styles from './Some.css'
..
` loader, it will be transform to some random string:styles.container => 'AD5dsSwwe_433SA452aswg' loader, it will be transform into accessed member's name:styles.container => 'container' => 'memberName'$3
use Proxy and is inspired in identity-obj-proxy [1], but implemented as a loader for webpack eliminating some checking done by the latter, that "prevent it" to run it in Non-Node environments (it accesses process.versions.node which is not available in Non-Node environments).CHANGELOG`: contains the information about changes in each version, chronologically ordered (Keep a Changelog).Evolution
Extending/Developing
Contributing
* Share it.
* Give it a Star.
* Propose changes or improvements.
* Report bugs.License
__________________Remember
* Code Review everything => Encourages Functional suitability, Performance Efficiency and Teamwork.
* If viable, Start testing early => Encourages Reliability and Maintainability.Additional words
* Learn everyday.
* Learn yourself.
* Share your knowledge.
* Think different!.
* Learn from the past, dream on the future, live and enjoy the present to the max!.
* Enjoy and Value the Quest (It's where you learn and grow).
* Be flexible.
* Aim to simplicity not intellectualism.