webpack初体验

1.安装

（1）下载（全局安装）npm install webpack webpack-cli -g

(2) 在终端中输入
     npm init -y
     生成package.json文件夹

(2) 在新建的文件夹下面输入
npm install webpack webpack --save- dev

然后就能在package.json文件夹里面看到目录
2.使用

（1）webpack ./src/index.js -o ./dist/bundle.js --mode=development
 ./src/index.js -o是你要打包的文件名
 ./dist/bundle.js 是你要打包到的文件名
 --mode=development是设置mode为开发者模式
 不写则是另外一种模式

(2) 使用配置文件
如下图所示

在终端中输入webpack即可完成打包

将css转化为js文件后进行打包（浏览器只认识js文件）