An open API service indexing awesome lists of open source software.

https://github.com/ibrahimrahhal/webpack-file-inherit

Webpack loader that enables pug like inheritance for any file type
https://github.com/ibrahimrahhal/webpack-file-inherit

cli cli-app extend extendable inheritance loader pug webpack webpack-loader

Last synced: about 2 months ago
JSON representation

Webpack loader that enables pug like inheritance for any file type

Awesome Lists containing this project

README

        



webpack

# Webpack File Inherit Loader
Enables you to add Pug like extending/ inheritance cabilites to any file type

#### Note: this loader is still under development & not ready to be used in production

## Getting Started

To begin, you'll need to install `webpack-file-inherit`:

```console
npm install --save-dev webpack-file-inherit
```

Then add the loader to your `webpack` config for a specific file type. For example:

**webpack.config.js**

```js
module.exports = {
module: {
rules: [
{
test: /\.js/i,
loader: 'webpack-file-inherit',
},
],
},
};
```
## Inheritance
This loader enables you to exends files is a simlier way that pug templting engine do you have to define blocks first

**Parent.js**
```js
var x = 16;
/* @block secondValue */
var y = 15;
/* @terminate block */
console.log(x*y);
```
**Child.js**
```js
/* @extends "./Parent.js" */
/* @block secondValue */
var y = 0;
/* @terminate block */
```
bunding the Child.js will result this file
```js
var x = 16;
var y = 0;
console.log(x*y);
```
## Contributing

Please take a moment to read our contributing guidelines if you haven't yet done so.

[CONTRIBUTING](./.github/CONTRIBUTING.md)

## License

[MIT](./LICENSE)