1.webpack默认配置文件:webpack.config.js
可通过webpack --config 指定配置文件
2.webpack配置包括:
3.webpack环境搭建
a.安装node
b.安装webpack
4.一个简单的例子
a.首先建立一个文件:webpack.config.js
b.接着编写内容
c.创建一个src文件夹存放代码
d.在src下创建index.js入口文件
在创建一个例子文件写个简单的测试
效果:
入口文件事根目录下的index.js
输出文件在当前目录下的dist文件下,文件名称叫做bundle.js
打包命令:./node_modules/.bin/webpack
为了看效果,可以再dist下面建立一个html文件
效果:
由于打包命令比较长那么如何简化命令?为什么平时我们打包的命令不是这一串?
由于我们每一次局部安装一个东西的时候都会在nodeodule/.bin创建一个软连接;
而packge.json默认是可以读取到.bin目录下的软链接里面的命令
所以简化的命令就可以直接在package.json里面的script里面指定命令