学习webpack4(一)

建立文件夹，建一个html文件，同目录下面建立src文件夹，然后在文件夹里建一个index.js文件。在外层的html中引入js文件，这个js文件地址为 dist/main.js  其实就是我们打包后的文件地址

<script src="dist/main.js"></script>

1.webpack进行全局安装

npm install -g webpack

2.webpack-cli进行全局安装

npm install -g webpack-cli

安装完成后查看版本

webpack -v

3.添加package.json文件,进入到创建的文件夹中

npm init

4.全局安装完成后进行局部安装webpack

npm install webpack --save-dev

5.全局安装完成后进行局部安装webpack-cli

npm install webpack-cli --save-dev

这个时候基本就初步完成了，运行

webpack --mode development

会生成一个dist文件夹，里面有一个main.js，这个就是打包后的最终文件（只有一个main.js此时还没有index.html文件），然后将外层的html打开，就可以访问了。

仅作记录，持续学习中