Deploying Vue JS application

Question

What should I do after developing a Vue app with vue-cli?

In Angular there was some command that bundle all the scripts into one single script, and then these files are sent to host.

Is there something the same in Vue?

Chris Gregori · Accepted Answer

I think you've created your project like this: vue init webpack myproject Well, now you can run npm run build Copy index.html and /dist/ folder into your website root directory. Done.

Aditya Agrawal · Answer

If you've created your project using: vue init webpack myproject You'd need to set your NODE_ENV to production and run, because the project has web pack configured for both development and production: NODE_ENV=production npm run build Copy dist/ directory into your website root directory. If you're deploying with Docker, you'd need an express server, serving the dist/ directory. Dockerfile FROM node:carbon RUN mkdir -p /usr/src/app WORKDIR /usr/src/app ADD . /usr/src/app RUN npm install ENV NODE_ENV=production RUN npm run build # Remove unused directories RUN rm -rf ./src RUN rm -rf ./build # Port to expose EXPOSE 8080 CMD [ "npm", "start" ]

Prasad Patil · Answer

Is there no need to runnpm startor anything like this?

Vue JS

Similar Discussions

Can we use styled-components in Vue.js?

Communication between Vue Components

Design pattern for CSRF tokens in SPA with Vuejs

On a mission to build Next-Gen Community Platform for Developers

Facebook

Twitter

Linkedin

Instagram