webpack基础二：webpack5的安装和初体验

前置：webpack需要安装node环境，安装完成后在文件夹中新建一个目录，执行npm init，如果成功会让你一直选择，直接一路回车就行了，随后生成package.json文件，代表你这个是一个node项目。

1.安装webpack5

1.在node项目命令行中执行npm install webpack webpack-cli

 2.新建src目录和webpack.config.js（webpack会自动扫描目录下这个名字的文件作为配置文件）文件

node-pro

        src:dir

        webpack.config.js

        package.json

2.使用webpack打包

1.在src下创建js文件，用commonJs或者ESModule规范进行js之间的引用

// a文件
export default function a(){
    console.log("a");
}

// index.js文件
import a from "./a";

console.log("index");
a();
console.log("index")

2.在node项目目录下执行webpack命令(没错，打包命令就叫做webpack)，随后会生成dist文件夹

$ webpack

node-pro

        dist:dir

                ... 打包的js文件

        src:dir

                a.js

                index.js

        webpack.config.js

        package.json