In the scaffolding project, the output.path of webpack in dev and pro is the dist directory, but when debugging, js is not under dist?

output: {

path: config.build.assetsRoot, // devoutput
filename: "[name].js",
publicPath: process.env.NODE_ENV === "production"
  ? config.build.assetsPublicPath
  : config.dev.assetsPublicPath

output: {

path: config.build.assetsRoot, // productionoutput
filename: utils.assetsPath("js/[name].[chunkhash].js"),
chunkFilename: utils.assetsPath("js/[id].[chunkhash].js")

what is the referencing process of all files (vue files, css files, js files) when webpack starts local server in dev environment? -sharp-sharp-sharp problem description

Vue.js webpack webpack-dev-server

Jul.03,2021

dev seems to generate output directly in memory, without physical files.

Previous: How to implement import react from 'react' / import vue form' vue'

Next: Dynamic components cannot be used in typescript of vue-cli3

Vue Asynchronous routing style loading problem after webpack Packaging (css Asynchronous loading problem? )
I have a total of five pages, using asynchronous route loading, the last four ways are as follows, so that each routing page is loaded on demand, so as not to load too slowly on the first screen. devstyle npm run buildwebpackvuecssimportcssindexcss ...

Css vue-router vue.js webpack webpack-dev-server

Mar.02,2021