学习笔记
1将sass/less 等预编译的css语言转换成浏览器识别的css文件
2能够将多个预编译文件打包成一个文件
3 打包image/styles/assets/scrips/等前端常用的文件
4 搭建开发环境开启服务器
5 监视文件改动，热部署。
6 将单文件组件(*.vue)类型的文件，转化成浏览器识别的内容
环境
node.js
npm
创建webpack 基本打包流程
1.创建一个文件夹作为 根目录
2.打开命令行 输入 npm init -y
3.创建 src文件夹
4.在src文件下面 创建 index.html 和index.js
5.在根目录 地下 安装 webpack webpack-cil 命令： npm i webpack webpack-cil -S
6.在根目录 地下 一个js文件 webpack.config.js js文件里面写入以下代码
module.exports = {
mode: 'production' //development(开发模式)，production(发布模式)
}
7.在package.json 文件里面 scripts 加一项
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack" //此项是添加的
},
8.在命令行 输入 命令 npm run dev 就会在根目录地下自动创建一个文件夹dist(里面就是打包好的文件)
