how to use ngnix to serve webpack build files in production

I'm using vue-cli to init vuejs webpack project. And the project already has build script, you can refer it:

require('./check-versions')()process.env.NODE_ENV = 'production'var ora = require('ora')var rm = require('rimraf')var path = require('path')var chalk = require('chalk')var webpack = require('webpack')var config = require('../config')var webpackConfig = require('./webpack.prod.conf')var spinner = ora('building for production...')spinner.start()rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {  if (err) throw err  webpack(webpackConfig, function (err, stats) {    spinner.stop()    if (err) throw err    process.stdout.write(stats.toString({      colors: true,      modules: false,      children: false,      chunks: false,      chunkModules: false    }) + '\n\n')    console.log(chalk.cyan('  Build complete.\n'))    console.log(chalk.yellow(      '  Tip: built files are meant to be served over an HTTP server.\n' +      '  Opening index.html over file:// won\'t work.\n'    ))  })})

After built, we will have a dist folder. Upload all files inside to html folder of Nginx (default)Config root path to use full path like this:

listen      80;server_name mydomain www.mydomain;root /var/www/html;