Minimalist Web App generator: Webpack/Rollup + React + Express, deployable to vanilla Node.js, Azure App Service, and IIS
Modern websites are not just bunches of plain text files. Build process increases page load efficiency and overall page performance.
But everyone build and promote their own build process. There are few reasons you should choose us:
It takes about 5-10 minutes to build for the first time, have a little patience.
For the very first time, install Yeoman and our generator,
npm install -g yo generator-azure-web-app.
yo azure-web-app to create a new project with Yeoman.
npm start, the development server will listen to port 80 and available at http://localhost/.
To change the port to 8080, either set environment variable
8080, or run
npm start -- --port 8080.
npm install serve-static --save
Don't forget to restart the development server to pick up your new code
npm run build.
Instead of Webpack, we use rollup.js as bundler because it has a better tree-shaking mechanism, thus smaller output file size.
To opt for Webpack for production build, run
npm run build -- --bundler webpack.
The project support hybrid deployment models:
To run as a standalone Node.js server, go under
dist/website/, then run
To deploy to your SaaS provider, copy everything under
dist/website/to your provider. We recommend
PM2for process management and scalability.
Deploying thru MSDeploy is uncommon, but it is required when you prefer CI/CD using other tools, such as VSTS Release Management.
npm run pack
nodeProcessCommandLine: "D:\Program Files (x86)\nodejs\6.6.0\node.exe"
npm run deploy --publish-settings=yoursite.PublishSettings
You can also deploy the project to an on-premise or hosted IIS.
npm run pack
The following MSDeploy command-line switches can be used to deploy the package to an IIS box.
"C:\Program Files (x86)\IIS\Microsoft Web Deploy V3\msdeploy.exe"-verb:sync-source:package="dist\packages\web.zip"-dest:auto,ComputerName="https://<server>:443/msdeploy.axd?site=<appname>",UserName='<username>',Password='<password>',AuthType='Basic'-setParam:name="IIS Web Application Name",value="<appname>"
These are items we are working on or under consideration:
npm run build
npm installshould build
.deploymentfile for Kudu to specify project folder at
Like us? Star us.
Want to make it better? File an issue to us.