Comments (7)
Also, this looks like it may still be compatible: https://github.com/frantic1048/fly-pug
I haven't tested that either (I don't use Pug) – but the majority of old Fly plugins (previous name) still work in this release. I'm slowly improving & extracting a new Taskr & Taskr ecosystem. It's happening on an as-needed basis atm.
Hope that helps!
from taskr.
works with fly-pug
plugin:
'use strict';
const { join } = require('path')
const pug = require('pug');
module.exports = function (task, utils) {
task.plugin('pug', {every: true}, function * (file, opts) {
// console.log(join(file.dir, file.base));
// if (!opts.filename) {
// opts.filename = join(file.dir, file.base)
// }
const html = pug.render(file.data.toString(), {
filename: join(file.dir, file.base),
pretty: true
});
file.data = Buffer.from(html);
file.base = file.base.replace(/\.pug$/i, '.html');
});
};
from taskr.
Cool, glad you got it working 👍
It's practically the same thing I posted in my code snippet – except that filename
is a require option for pug. That should have been the only reason why my snippet failed in its posted form.
from taskr.
that speed of compiling other extensions like sass and es6 buble is super fast
only plugin missing is pug
from taskr.
Hey, you should be able to do something like this:
const pug = require('pug');
exports.pug = function * (task) {
yield task.source('src/*.pug')
.run({
every: true,
*func(file) {
const html = pug.render(file.data.toString(), {
/// pug options
});
file.data = Buffer.from(html);
file.base = file.base.replace(/\.pug$/i, '.html');
}
})
.target('dist')
}
It's an "inline plugin" – i haven't tested it though
from taskr.
I think wrote similar code
if I use include or extend in file like
index.pug:
body
include header
h1 sample pug file
generated file must be index.html but result is
index.html
and header.html
I'll check you code and say result here
thanks
from taskr.
I test your codes threw this error in the console:
it default failed because the "filename" option is required to use includes and extends with "relative" paths at undefined line 9
at line 9:
include ./includes/header.pug
from taskr.
Related Issues (20)
- Guide to convert Gulp plugins? HOT 5
- support native async function HOT 10
- task.source doesn't take effect after a yeild task HOT 1
- RFC: Task / Plugin Unification HOT 5
- Function option for start, serial, and parallel HOT 1
- @taskr/postcss failes using options/plugins HOT 11
- add taskr-standard HOT 4
- excluding specific file on the task build? HOT 1
- Async Await tasks HOT 2
- `standalone` options doesn't works with @task/browserify HOT 1
- Deprecation message
- How can I mangle using this plugin ? what should I pass in options ? HOT 7
- @taskr/typescript support for tsconfig.json HOT 1
- Duplication of files (in wrong dirs) when doing multiple dir copies HOT 3
- TypeError: A value [object Object] was yielded that could not be treated as a promise. HOT 2
- Unhandled rejection TypeError: Cannot read property 'apply' of undefined
- Hi 👋 is this project still maintained somehow? HOT 2
- Abandoned project? HOT 2
- A Strange Syntax Error HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from taskr.