webpack初学基础笔记

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里面指定命令 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章