2020.12.4 log

1.

npm: Package manager for Nodejs.
webpack: Its main purpose is to prepare all the static resources that need to be published on the browser side through CommonJS syntax, such as merging and packaging of resources.
vue-cli: User-generated Vue project template.(To help you start a Vue project quickly, that is, to give you a set of Vue structure, including basic dependent libraries, you can install it only with npm install)
Start:

2. Detailed step-by-step tutorial for node.js installation:

https://blog.csdn.net/antma/article/details/86104068

https://www.cnblogs.com/lgx5/p/10732016.html

Be careful not to install the latest version by default when installing webpack: https://blog.csdn.net/weixin_43750031/article/details/84307507

3. Use node.js to build a server and access static web pages: https://www.cnblogs.com/pengshengguang/p/8318563.html

4. Introduction to nodejs server anywhere: https://www.cnblogs.com/cssfirefly/p/5736139.html

5, npm scripts usage guide: http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html

6.

Commands to install and uninstall webpack and view versions:

## Install globally:
cnpm i webpack webpack-cli -g

## Partial installation:
cnpm i webpack webpack-cli -D

## Global uninstall
cnpm uninstall webpack webpack-cli -g

## Partial uninstall
cnpm uninstall webpack webpack-cli
##View local version

npx webpack -v

7. Experimental document: https://www.runoob.com/w3cnote/webpack-tutorial.html

The command of webpack runoob1.js bundle.js should be modified to: webpack ./runoob1.js -o ./dist .Because of the new version of webpack the command is modified.

8. Common commands of webpack:

[1.npm install webpack -g //Install webpack globally

[2.npm init -y // Initialize the default package.json file

[3.npm install webpack --save-dev //Download the webpack plugin to node_modules and fall in love with the webpack configuration content in the package.json file

[4.webpack //Package the project

[5.webpack --watch //Automatically monitor file changes

[6.webpack  --display-modules  //Display hidden modules when packing

[7.webpack --display-chunks //Display chunks when packing

【8.webpack  --display-error-details  //Display detailed error information

[9.npm install {whatever}-loader --save-dev //Install the loader and configure the loader into the package.json file

9, Webpack three packaging methods: https://blog.csdn.net/qq_25927437/article/details/85785533

10. The meaning of npm --save: https://www.jianshu.com/p/437ad603d49d

11. The difference between npm local installation and global installation files: https://blog.csdn.net/u013594477/article/details/79861404