outlook - Hosting multiple html pages in webpack -

my question, put is: how host multiple .html pages webpack?

i new webpack , don't understand how works. i've tried reading documentation no avail.

i'm creating first outlook add-in owa , outlook 2016. used yeoman generator scaffold project react , typescript. there auto generated config folder webpack.common.js , other webpack files. webpack dependencies package.json:

"devdependencies": {... "webpack": "2.3.1", "webpack-dev-server": "2.4.2", "webpack-merge": "4.1.0" } 

i'm trying have add-in launch asyncdialog (locally hosted .html in new dialog window, automatically redirects office 365 sign in page) connect sharepoint.
try open dialog @ dialog.html page in /src folder along index.html i find myself unable reference apart default index.html (referencing index.html works nothing else). problem persists if try navigate dialog.html via web browser leads me believe might webpack problem.

i'm running webpack-dev-server out of localhost , https://localhost:3000/index.html works https://localhost:3000/dialog.html not (displays: cannot /index.html).
possibly relevant information webpack.common.js:

const entry = {     vendor: './vendor.ts',     app: [         'webpack-dev-server/client?http://localhost:3000',         'webpack/hot/only-dev-server',         './main.tsx',     ] }; const output = {     path: path.resolve('dist'),     filename: '[name].[hash].js',     chunkfilename: '[id].[hash].chunk.js' }; 

any ideas?

any , input appreciated.

from question looks unable access https://localhost:3000/dialog.html outside of add-in framework well. if correct first try fix that, unfortunately not expert in web packs won't able provide there. let know if understanding incorrect.

thanks