How can I use .vue files in Node.js without a bundler like webpack?

Question

I'm trying to find a simple server-side rendering solution for Vue.js, but every example or tutorial I've found has dependencies I don't want to include that overcomplicate things: usually webpack, Vue Router, and Vuex.

I'm looking for a solution that runs in Node.js and can render a .vue file to a string, including any other .vue files it may reference.

const sfcContent = fs.readFileSync("./app.vue", "utf-8");
const props = {
  foo: "bar",
};
const htmlString = await render(sfcContent, props);

console.log(htmlString);

async function render(sfcContent, props) {
  // this is the function I'm looking for
}

http-vue-loader looks promising, as it does roughly what I'm looking for except in the browser instead of Node.js.

Any ideas what I should try?

Tobias G. · Accepted Answer · 2019-08-28 07:41:12Z

1

You could look into the compiler-utils package https://github.com/vuejs/component-compiler-utils

Although, this will still require some tinkering on your end so I'm not sure if it'll be the way to go if you don't want to overcomplicate things.

answered Aug 28, 2019 at 7:41

Tobias G.

3511 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I use .vue files in Node.js without a bundler like webpack?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related