where to find outputdir or dist-files when use "vue-cli-service serve"

Question

When I run "vue-cli-service build" using npm or other, I can get a "dist" ouput dir which defined in vue.config.js.

    module.exports = {
      publicPath: '/',
      outputDir: 'dist',
    }

But, how can I find or where to find or how to defined the "dist" dir if I run "vue-cli-service serve"? I can't see any output dir in the project.

Needs help! Thanks

Answer 1

In development mode (the serve keyword) files are kept in RAM only - they are not persisted on the hard drive. If you are running the project at the default URL of http://localhost:8080 - then you should be able to see a listing of all the assets by going to http://localhost:8080/webpack-dev-server

There is a config option to ask the Webpack-dev-server to write files to disk -

webpack4: https://v4.webpack.js.org/configuration/dev-server/#devserverwritetodisk-

webpack5(should be): https://webpack.js.org/configuration/dev-server/#devserverdevmiddleware