安装

在安装webpack之前，需先要安装node

安装最新稳定版 npm i -D webpack

安装指定版本 npm i -D webpack@<version>

安装最新体验版 npm i -D webpack@beta

安装到全局 npm i -g webpack

使用

通过CommonJS规范导入导出，即module.exports=xxx;和require.
'''
const path = require('path');
module.exports = {
entry:'./main.js', //执行文件入口
output:{
filename:'bundle.js',
path:path.resolve(__dirname,'./dist'), //输出文件存放地址
}，
module：{
rules:[
{
test:/.css$/, //正则匹配所需css文件
use:['style-loader','css-loader?minimize'], //从右往左，且压缩。需安装插件npm i -D style-loader css-loader
}
]
},
plugins:[ //注入钩子，增加功能
]
};
'''
把所有文件通过执行文件入口串联起来，正则筛选各类型代码进行相关处理，生成一个js文件。

相关工具

npm i -D webpack-dev-server 使用DevServer:提供HTTP服务、模块热替换（--hot）、Source Map映射代码（--devtool source-map）