Vue学习前必备知识--webpack

一、webpack是什么？

wenpack是一个模块打包器，他的主要目标是将相同类型的文件优化后（去除注释，删除空格、并协调不同浏览器的兼容性等）压缩打包在一起，并转化成为浏览器认识的样式，这样开发人员可以专注于业务逻辑而不必拘泥于兼容性等细节，提高开发效率，同时，经过webpack的压缩，上传之后的运行速度也会大大提高。

二、使用步骤

webpack找到入口文件，将入口文件包含的资源（入口文件为根节点的树形结构）打包。
树结构、模块、chunk、bundle

打包生成dist文件夹，里面有打包生成的文件

webpack.config.js           webpack的配置文件

webpack五个核心概念（配置）：
1.entry：指示webpack以哪个文件为入口起点开始打包，分析构建内部依赖图；默认index.js。可以是多入口、多出口，通过数组[ ]的形式或是对象 { }的形式都可以
2.output：指示打包生成的资源bundles存放在哪个目录，以及如何命名；
3.loader：webpack默认打包js文件，如果要打包css、sass、less等资源，通过配置loader实现；
4.plugins：
5.mode：有开发模式和生产模式，生产模式代码需要不断优化使得性能达到最优，开发模式配置简单，能让代码本地调试运行即可