Why should I use npm run dev to display the page?

at the beginning of writing a simple page, you only need to open index.html to display the page content directly. Now you are learning Vue.js, to use webpack to build a project. Why should you use npm run dev to display the page content in such a project? directly opening index.html does not show anything. There is obviously a js file introduced in index, why the js file cannot be displayed even if you click on it. I"m confused about exactly what npm run dev does, and the difference between displaying the page in this way and opening the html directly in the first place. Beginners also look forward to your advice.

Npm webpack

Mar.09,2021

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  }

running npm run dev packages the file according to the relevant configuration files of the development environment and starts webpack-dev-server-, a small node-based http server. You can find this command in npm's configuration file package.json.

it is recommended that the landlord first have an in-depth understanding of the related concepts of front-end engineering, modular development, nodejs, npm and webpack.

Previous: Websocket compatibility

Next: Using vsc to develop electron, reports an error as shown in the picture. No reason has been found. May I ask who has encountered it?

Npm run dev
is npm run dev a service? why can t you use the mobile phone of the same router to access the computer s ip plus port? ...

Node.js npm webpack vue.js javascript

Feb.28,2021
After the webpack runs, the page shows the problem of the server root directory, ask for help urgently!
question : when the project uses the react framework + webpack, to run npm start in the development environment, the page displays a page similar to the server root directory, but the normal file resources are not loaded. Ask for help urgently! Code ...

Npm webpack

Mar.09,2021
Installation of vue-cli scaffolding has been unable to install, but other projects can work normally, online to find some methods are useless. I'd like to ask who can solve it.
...

Npm webpack vue-cli

Mar.12,2021
How do front-end projects managed by npm+webpack handle public third-party libraries for use by other subprojects?
A large project is split into several independently developed small projects, and there is bound to be a common third-party library between small projects. According to the normal independent development process, it is certain that each small project dep...

Front-end-architecture npm webpack

Mar.23,2021
The content of webpack-dev-server in body is loaded before css in dev environment. I would like to know how to configure it. Thank you very much.
enter the address in the browser after running npm run dev, and localhost:8080 static video video.html clearly senses that the data in body is loaded first, hello world style="width:100%;height:200px;background-color:red" ...

Webpack-dev-server npm webpack

Apr.11,2021
Why didn't webpack url-loader load the image generate an object file?
the target file cannot be generated when webpack url-loader is used related codes this is the webpack.config.js code var webpack = require ( "webpack "); var ExtractTextPlugin = require ( extract-text-webpack-plugin ); var HtmlWebpackPlugin = ...

Javascript npm webpack

Jul.12,2021
How to add parameters to the scripts command of package.json?
the project I created using the webpack template of vue want to add some parameters to the scripts of package.json "scripts": { "dev": "webpack-dev-server --inline --progress --config build webpack.dev.conf.js", ...

Npm webpack-dev-server vue-cli vue.js node.js

Nov.08,2021
Will the vue-cli project, which is not used in dependencies, be typed in when packing?
for example, there is a package An in dependencies, but it never works. Will A be packaged into vendor when build? ...

Javascript npm webpack vue.js

Dec.08,2021
Is there a npm package that can push files to the server based on http?
fis3+webpack php,webpack,fis3php webpack webpack npm problem description the environmental background of the problems and what methods you have tried webpackgulp fis3 ...

Php npm webpack fis3

Jan.20,2022
VUE project packaging failed
error message is: ERROR in 0_cd84ae3b709f08269cb2.js from UglifyJs Unexpected token: name (raf) [0_cd84ae3b709f08269cb2.js:45801,4] npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! etl-web@1.0.0 build: `npm run test && cross-env NODE_ENV=prod...

Vue.js npm webpack javascript

Mar.03,2022
When the vue project is running, why does the address bar always have /-sharp?
1. Why do you open the home page and automatically add -sharp to the address? 2. Is there any way not to show it? (for example, xxx.com index) ...

Npm webpack vue.js

May.02,2022