webpack学习笔记

下载node.js

命令行，显示版本，正确安装

node -v

npm init ->输出参数 -> package.json

安装依赖包： npm install xxx@v.v.v
卸载依赖包：npm uninstall xxx@v.v.v
-g 全局安装
–registry

webapck

设计思想：require anything
加载方式：各种loader插件
编译方式：commonjs插件->function类型模块

全局的webpakc安装
npm install webpack -g

项目级别的webpack安装
npm install webpack@1.15.0 --save-dev

查看webpack版本号
webpack -v

什么是–save -dev
配置会被存在package.json文件中，记录下依赖
–save只会存业务依赖
–save -dev除了业务依赖，还会存打包依赖之类的

webpack.config.js

模块	解释
entry	js的入口文件
externals	外部依赖的声明
output	目标文件
resolve	配置别名
module	各种文件，各种loader
plugins	插件

webpack常用命令
webpack -p 线上发布时的打包，做压缩
webpack --watch 文件改变，自动编译，用于开发过程
webpakc --config webpack.config,js 改变默认配置文件

webpack-dev-server
作用：前端开发服务器
特色：可以在文件改变时，自动刷新浏览器
安装：npm install webpack-dev-server --save -dev
配置：webpack-dev-server/client?http:localhost:8088
使用：webpack-dev-server --port 8088 --inline