webpack从配置到跑路v4

webpack是一个打包模块化JavaScript的工具,它会从入口模块出发,识别源码中的模块化导入语句,递归查找入口文件的所有依赖,将入口和其所有的依赖打包到一个单独的文件中

默认入口:src/index.js
默认输入:dist/main.js
默认支持多种模块化类型,如commonJS、esmodule、AMD
默认支持js模块和json模块

webpack配置文件:webpack.config.js
webpack基于node,所以其配置文件遵循CommonJS规范,通过 module.exports 导出一个对象

处理JS文件中引入的 xxx.css

css-loader
style-loader

css-loader 通过CSS in JS模式,把xxx.css中的CSS内容打包到JS中
style-loader

下动态创建