Build Vue.js in production serve - node.js

I want to build the default template of Vue.js
vue init webpack
with this command
node build/build.js
Instead of having the same page that I have when running npm run dev I have a blank page.
Also I run npm run build
How to convert this site into a non-develop website ?
Vue version 2.9.6
Node version v8.15.1

Related

Vite app not rendered properly on Netlify

Is there any environment variable to set up for my Vite app deployed on Netlify. When I use npm run dev on localhost, my site is rendered as expected, but when I use the same build command on Netlify, it just renders the pure HTML page without using the Vite main.js. I include my link to my project here: https://github.com/nguyenvothuan/Portfolio/tree/master and to netlify: https://quizzical-jepsen-e78ac7.netlify.app/
Update: Set the following:
build command: npm run build (not npm run dev)
publish directory: dist

can we deploy an react js application without source(src folder) code locally

some background:this is my first react application and my assumption is build in react is similar to binary files in c++
question : this is for a react application which sole purpose is to run locally. is there anyway we can do npm start only with build
have tried to delete the src folder after building.
expected result is the app should run as usual.
actual result : app crashes saying, index.js file is missing
npm start won`t work with build version,
you need to install serve and run build using serve locally on your machine
npm install -g serve
serve -s build
ref: https://facebook.github.io/create-react-app/docs/deployment

Angular source files visible in browser. How to hide?

After building my angular js project using npm build command,I am getting .tmp folder with index.ejs file. How to invoke index.ejs file while hitting the URL to hide source files?
I Am using angular 1.x and node 4.x.
Build using production build
ng build --prod --build-optimizer

How to deploy Angular universal

I looking into Angular universal and trying to get my head around deployment.
Github https://github.com/angular/universal-starter
It has Angular 2 Universal + TypeScript 2 + Webpack 2
When I run the command
npm run build
I get the following structure
**Client**
0.bundle
0.bundle.js.map
main.bundle
main.bundle.js.map
**Server**
0.index
0.index.js.map
index
index.js.map
How do I deploy this to a server?
Install dependencies
Run npm install in your terminal at the root of universal-starter
Run the NodeJS backend
Run npm run build:ssr && npm run serve:ssr after npm install has finished, this will host a local nodejs server here: http://localhost:4000 (you can put that in your browser)
Before either of these steps ensure you have NodeJS and NPM installed (NPM comes with the newer builds of NodeJS)

webpack-dev-server error on node js app deployment on gcloud

I am trying to deploy my node js application on gcloud app engine. Project uses web pack-dev-server as a dev dependency. When I run it on gcloud as a localhost using npm install all works fine and there is no compilation error. But when I am deploying using gcloud app deploy I get the error below.
> webpack-dev-server --content-base src --inline --hot --progres
ssh: 1:webpack-dev-server: not found
I tried giving root access to node_module folder. I am using node v6.11.0 and npm 3.6.0. Any idea what could be the issue?

Resources