建立文件夹,建一个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打开,就可以访问了。
仅作记录,持续学习中