Comments (8)
This issue is way too old to be still open.
Especially the development part would be interesting:
- less/sass/stylus
- using es6/7
- browsersync (or even hot reloading of javascript)
- react
- templating (or should this be handled externally)
from assetgraph-builder.
Take a look at what https://github.com/Munter/generator-greenfield scaffolds for you. A setup with livereloaded css/less/sass
assetgraph currently doesn't handle: stylus, es6, react
from assetgraph-builder.
Thx! As for React - it says "it does all your preprocessing like Less, Sass, React Jsx and Autoprefixing"
from assetgraph-builder.
Hm. Not a Grunt person here - where is the less/sass preprocessing defined?
from assetgraph-builder.
React !== jsx.
It transpiles jsx, but currently can't pick up React.dom
calls as possible outgoing static relations.
sass and less preprocessing is outsourced to https://github.com/One-com/livestyle in development and happens in https://github.com/assetgraph/assetgraph/blob/master/lib/transforms/compileLessToCss.js , https://github.com/assetgraph/assetgraph/blob/master/lib/transforms/compileScssToCss.js and https://github.com/assetgraph/assetgraph/blob/master/lib/transforms/compileStylusToCss.js (forgot that we actually did implement stylus support)
from assetgraph-builder.
I'm personally not happy with the transpiler story inside assetgraph. I'm working on moving it out into https://github.com/Munter/tolk and https://github.com/Munter/fusile
from assetgraph-builder.
Ah! Thanks for the clarification. I didn't get that livestyle
is doing the preprocessing.
As for React: With webpack
you need resources to be require
d to express the relation.
Would that work for assetgraph
as well?
Is tolk
completely independant?
So for a live update another process would have to pick up the file change?
Not sure I am a fan of the fusile
approach. Feels a little too low level.
from assetgraph-builder.
livestyle is what we use in development, where assetgraph doesn't live. It allows us all the convenience of transpilers with none of the downsides of heavy task runner configuration. Assetgraph also does the preprocessing when you move to a production build, since it can't hook into the livestyle functionality it has to reimplement it. This is why I want to move transpiling to a lower level with an api that more tools can interface with.
Assetgraph picks up any outgoing relation from html, css, rss, xml, svg etc. In javascript it picks up amd and commonjs outgoing relations. If you use neighter and have a custom script loader you need to wrap strings that represent urls in GETSTATICURL(...)
in order for assetgraph to pick them up as relations.
Tolk is 100% independent. But assetgraph might eventually use it in its population lifecycle.
Live updates are not a concern of assetgraph-builder. We haven't implemented any stable file watching tools with assetgraph yet, but it is entirely possible to do so and have the graph model live in a service while you work. See https://github.com/Munter/expush and https://github.com/assetgraph/staticache
In general we feel that assetgraph would fit well closer to the development loop, but only when not running too many transforms. There is no good caching strategy for reusing unchanged parts of a graph because they are really hard to track when any transform can mutate anything. So for the bigger operations like bundling, spriting and compression we discourage use of assetgraph in development as it would slow you down.
from assetgraph-builder.
Related Issues (20)
- Dedupe source maps HOT 1
- RSS feed link gets updated wrong
- When browsers list is not configured, look for it in package.json HOT 2
- Support .browserslistrc and browserslist key in package.json HOT 5
- Is it possible to wrap the built JS in a function to not expose define() ? HOT 4
- Throws when encountering Html Svg island with inline style HOT 1
- Generates invalid syntax from ES6 code HOT 4
- `node-zopfli` package seems no longer maintained HOT 5
- Ruby Sass is deprecated HOT 2
- Add `--preflight-check` cmdline option HOT 7
- `npm audit` complaints HOT 6
- Breaks await expression HOT 4
- Breaks relative ES6 module paths HOT 4
- ⚠ WARN: Cannot read property 'length' of null HOT 2
- [Q] CHANGELOG? HOT 4
- make assetgraph to not process svg HOT 2
- Translation not working HOT 1
- How to customize? HOT 3
- a vulnerability CVE-2020-7598 is introduced in assetgraph-builder
- Svgo is not a constructor HOT 4
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 assetgraph-builder.