..

webpack 学习

1. webpack 是什么?
webpack 是一个打包工具(不是编译工具),他负责将从一个入口文件开始,递归的打包这个入口文件所依赖的所有资源

2. 默认的配置文件是什么
webpack.config.js

3. 打包命令
webpack 或者 webpack --config webpack.config.js

4. loader 是什么?
webpack 本身只能打包 javascript 代码,实际需求我们也需要打包 css 和 html 代码,但是直接在 javascript 中 import 
这些文件显然是报错的,因为它们都不是合法的 javascript 文件,所以我们需要有其他的 loader 来加载识别不同的文件,将他们转化成
合法的 javascript 语法文件。比如 style-loader , css-loader.入门可以写一个规则列表,对于不同的文件,使用不同的 loader 来处理


5. 在开发中,如果需要实时的自动编译,预览文件,我们需要给 webpack 配置 devServer , 它底层是一个 express 服务,我们在启动的
时候加上 --static-watch 就能自动实时编译刷新了