question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New command: `vue build`

See original GitHub issue

Ref: https://github.com/egoist/vbuild/issues/9#issuecomment-247859666

@egoist is the author of vbuild which is a zero-config tool for prototyping Vue projects. We’d like to fold that functionality into vue-cli as vue build with a sharper focus on prototyping experience.

Summary

  • if a user wants to build a production app, use vue init;
  • if a user wants to quickly prototype an idea, use vue build --dev (and in most cases can later just copy the src files into a production scaffold generated with vue init)

Technical Notes (open to discussion)

  • Should support directly building a *.vue file, e.g. vue build App.vue and BOOM. Great for single-component prototyping. (Maybe even incorporate something like react-storybook if running in single-component mode)
  • We want this to be clearly focused on prototyping, so the default setup should be minimal and fast. Probably better to use a lighter weight ES2015 transpiler e.g. buble.
  • Users will still inevitably have their preferences, even for prototyping. But maybe we can make this config global, e.g. have one single vue.config.js in the user’s home directory, which vue build will then use for all prototypes - configure once, run everywhere.
  • Is there any smart way to transition a project using vue build to a proper scaffolded project created from vue init?

Nice to Have

  • auto-infer the npm dependencies in the files and npm install them automatically

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:17
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

7reactions
egoistcommented, Oct 4, 2016

I think vue play might be a better option, only focus on development experience, and when users want to go further, they can transit the prototype to a vue-cli template.

0reactions
kennetpostigocommented, Dec 5, 2016

If you are looking to use buble its a good option but if you want less verbose output from babel try it in loose-mode to see how much it helps before trying buble.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Creating a Project | Vue CLI
Creating a Project #. vue create #. To create a new project, run: vue create hello-world. WARNING.
Read more >
Which command do I use to generate the build of a Vue app?
First Install Vue Cli Globally npm install -g @vue/cli. To create a new ...
Read more >
Create, Build, and Serve Apps with the Vue CLI
Learn how to rapidly create, build, and serve Vue.js apps in development and production environments using the Vue CLI.
Read more >
Vue Js and production builds - Francium Tech
First, you'll create a Vue.js web application project. ... To install the new package, use one of the following commands. You need administrator...
Read more >
Step-by-step Guide To Building and Deploying a Vue JS App ...
npm uninstall -g vue-cli · npm install -g @vue/cli · vue create vuebnb · npm run start · yarn add vue bootstrap bootstrap-vue...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found