6 ms·

Vbuild: “Compile” Vue components to standalone HTML/JS/CSS

69 points by manatlan 8y ago

Its main purpose is to let you use components (.vue files) in your vuejs app, without a full nodejs stack. Just use python2 or python3. BTW, it provides a method to minimize your js scripts (es2015 compliant). (It provides methods to help you to build your vuejs app without nodejs) Available on https://github.com/manatlan/vbuild https://github.com/manatlan/vbuild (MIT licence) Available on pypi : https://pypi.org/project/vbuild/ https://pypi.org/project/vbuild/

deckiedan 8y ago
This could be very useful for django/vue stacks, to limit what's needed server side...
avip 8y ago
Just as a side note: there is already a way to consume vue components in a server agnostic way - build a web component, which vue cli3 supports. I think bowsers compatibly aside, that’s the right approach.
- type0 8y ago
  Vue cli 3 is awesome, more people should try it!
- bendotero 8y ago
  Vue cli3 is such a good tool I'm not sure why you'd need this python tool to essentially do what the cli does in a much more convenient way.
- manatlan 8y ago
  vue-cli needs nodejs, no ? "Sometimes you have to work with the tools you have, not the ones you want"
georgecalm 8y ago
The title of this submission is a bit misleading. This script parses the .vue file and extracts the three sections into x-template script, Vue.component script and a style. These are not standalone in the sense that they cannot exist without vue and vue-template on the page (the later is large and unnecessary when compiling with webpack). Essentially this does what the vue webpack plugin does naïvely and without many of the features like support for different template / JS / style language compilation (e.g. Babel and sass).
- type0 8y ago
  Gosh,there is so much half assed redundancy in js world that no wonder that so many beginners feel lost. This does seem a bit too experimental to actually be useful. Some vue based projects are actually nice and easy for beginners to be productive (like Nuxt), but the whole vue ecosystem has never clicked with me even after I toyed with it for at least 2 or 3 times.
  - turtlebits 8y ago
    I'm in the opposite boat. I don't care to learn all the "magic" cli tools that frontend frameworks provide. This looks great to me, even if it does little.
  - aikah 8y ago
    > Gosh,there is so much half assed redundancy in js world that no wonder that so many beginners feel lost. Beginners feel lost because the JavaScript world has learned nothing from Java's ant. These insane build/asset pipelines that take forever to run are the bane of the JS world. It's like nobody remembers you can just write a JavaScript,then link it to an HTML without 35 compilation steps.
    - paradite 8y ago
      We are no longer just trying to toggle a modal or show a popup. The requirement for frontend has changed dramatically and now we need to handle entire UI flow, interactivity, data synchronization, and even some business logic like filtering and validations with JS, HTML and CSS. There's no web app for air traffic controller yet, but pretty much everything else has a web app with a huge set of feature and non-feature requirements.
      - aikah 8y ago
        > We are no longer just trying to toggle a modal or show a popup. > The requirement for frontend has changed dramatically and now we need to handle entire UI flow, interactivity, data synchronization, and even some business logic like filtering and validations with JS, HTML and CSS. What does it have to do with using Babel/Webpack and what not? it hasn't. The DOM is plenty and enough to implement MVC on top of it without requiring 200 libraries from NPM. Developers have been writing complex GUI apps for more than 4 decades without the need for a specific framework, how did they manage to do so yet everybody needs some complex framework in the browser? no they don't. Most of these web apps are forms. Now I'm not saying don't use react and whatever pipeline you are using. But downloading node and all these stuff isn't what a beginner should be exposed to. Beginners should learn basic principles of front-end development which includes the DOM.
anothergoogler 8y ago
Somebody please tell OP about lxml or BeautifulSoup.
evadne 8y ago
Sounds like Vueify
jvanveen 8y ago
I personally don't like SFC, because it involves build tasks that are better left to specialised tools IMO.An alternative is to use the vue template compiler directly, without SFC, by making a simple wrapper around it. An example of this: https://github.com/wearespindle/fuet https://github.com/wearespindle/fuet
deleted 8y ago
[deleted]

69 points by manatlan 8y ago

deckiedan 8y ago

This could be very useful for django/vue stacks, to limit what's needed server side...

avip 8y ago

Just as a side note: there is already a way to consume vue components in a server agnostic way - build a web component, which vue cli3 supports. I think bowsers compatibly aside, that’s the right approach.

type0 8y ago
Vue cli 3 is awesome, more people should try it!
bendotero 8y ago
Vue cli3 is such a good tool I'm not sure why you'd need this python tool to essentially do what the cli does in a much more convenient way.
manatlan 8y ago
vue-cli needs nodejs, no ? "Sometimes you have to work with the tools you have, not the ones you want"

georgecalm 8y ago

The title of this submission is a bit misleading. This script parses the .vue file and extracts the three sections into x-template script, Vue.component script and a style. These are not standalone in the sense that they cannot exist without vue and vue-template on the page (the later is large and unnecessary when compiling with webpack). Essentially this does what the vue webpack plugin does naïvely and without many of the features like support for different template / JS / style language compilation (e.g. Babel and sass).

type0 8y ago
Gosh,there is so much half assed redundancy in js world that no wonder that so many beginners feel lost. This does seem a bit too experimental to actually be useful. Some vue based projects are actually nice and easy for beginners to be productive (like Nuxt), but the whole vue ecosystem has never clicked with me even after I toyed with it for at least 2 or 3 times.
- turtlebits 8y ago
  I'm in the opposite boat. I don't care to learn all the "magic" cli tools that frontend frameworks provide. This looks great to me, even if it does little.
- aikah 8y ago
  > Gosh,there is so much half assed redundancy in js world that no wonder that so many beginners feel lost. Beginners feel lost because the JavaScript world has learned nothing from Java's ant. These insane build/asset pipelines that take forever to run are the bane of the JS world. It's like nobody remembers you can just write a JavaScript,then link it to an HTML without 35 compilation steps.
  - paradite 8y ago
    We are no longer just trying to toggle a modal or show a popup. The requirement for frontend has changed dramatically and now we need to handle entire UI flow, interactivity, data synchronization, and even some business logic like filtering and validations with JS, HTML and CSS. There's no web app for air traffic controller yet, but pretty much everything else has a web app with a huge set of feature and non-feature requirements.
    - aikah 8y ago
      > We are no longer just trying to toggle a modal or show a popup. > The requirement for frontend has changed dramatically and now we need to handle entire UI flow, interactivity, data synchronization, and even some business logic like filtering and validations with JS, HTML and CSS. What does it have to do with using Babel/Webpack and what not? it hasn't. The DOM is plenty and enough to implement MVC on top of it without requiring 200 libraries from NPM. Developers have been writing complex GUI apps for more than 4 decades without the need for a specific framework, how did they manage to do so yet everybody needs some complex framework in the browser? no they don't. Most of these web apps are forms. Now I'm not saying don't use react and whatever pipeline you are using. But downloading node and all these stuff isn't what a beginner should be exposed to. Beginners should learn basic principles of front-end development which includes the DOM.

anothergoogler 8y ago

Somebody please tell OP about lxml or BeautifulSoup.

evadne 8y ago

Sounds like Vueify

jvanveen 8y ago

I personally don't like SFC, because it involves build tasks that are better left to specialised tools IMO.An alternative is to use the vue template compiler directly, without SFC, by making a simple wrapper around it. An example of this: https://github.com/wearespindle/fuet https://github.com/wearespindle/fuet

deleted 8y ago

[deleted]