初识webpack

为什么需要webpack

预处理
在前端开发中，会有很多浏览器不能直接解析的文件，比如less，ts，ES6等，这些都是不能直接放到服务器上的，这时候就需要有个工具将所有文件预处理并且生成新的文件，这就需要用到webpack
模块化
在前端模块化开发中，会出现很多模块的导入和导出，这就需要在最后打包时候所有包的依赖需要有工具处理，webpack会处理这些依赖关系，并且可以对模块化做底层支持
如果项目中使用模块化开发，而且相互依赖性非常强，就可以用webpack

webpack中的loader

webpack可以将模块化的JS文件打包并且可以处理他们之间的依赖关系，但是对于jsx，less，es6这些浏览器不能识别的文件，需要先进行解析，这时候就需要用到loader，需要解析什么文件就安装什么文件的loader就好，这些loader一般为开发时使用，安装时要后缀–save -dev