m0_50744582的博客

1.处理css的兼容性需要使用postcss处理，下载两个包：npm i postcss-loader postcss-preset-env -D

webpack的5个核心概念1、entry：入口(entry)指示webpack以哪个文件作为入口起点开始打包，分析构建内部依赖图。2、output：输出(output)指示webpack打包后的资源bundles输出到哪里，以及如何命名。3、loader：loader让webpack能够去处理那些非JavaScript资源css、img等，将它们处理成webpack能够识别的资源，可以理解成一个翻译过程(webpack自身只能理解js和json)。4、plugins：插件(plu...

官网：https://webpack.docschina.org/一.安装使用1.了解webpack工作原理》树结构:在一个入口文件中引入所有资源，形成所有依赖关系树状图》模块:模块就是模块可以是ES6模块也可以是commonJS或者AMD模块，对于webpack来说，所有的资源(css,img...)》chunk:打包过程中被操作的模块文件叫做chunk,例如异步加载一个模块就是一个chunk》bundel: bundle是最后打包后的文件,最终文件可以和chunk长的一模一样;