目录
webpack介绍
前端模块化和打包概念介绍
webpack和grunt/gulp的对比
webpack和nodejs的关系
webpack安装
webpack使用示例
环境搭建
使用webpack打包
使用打包后的js文件
入口和出口
局部安装webpack
package.json中定义启动
实践
定义：
引用：
因为CommonJS规范的代码浏览器是不认识的，所以需要借助webpack对上述代码进行转换：
查看结果：
代码内容：
在index.html中引用：
浏览器访问index.html：
兼容es6和CommonJS规范：
配置webpack.config.js：
配置完成之后只需执行webpack命令即可，不需要指定入口和出口参数。
package.json中配置npm run build与webpack进行绑定：
npm install webpack@3.6.0 --save-dev：
loader的使用
什么是loader
css文件打包
main.js中依赖css文件：
仅写上面的会报错，需要安装对应的loader。
webpack中文官网（国内人进行的翻译）：
安装，配置，run：
css-loader只负责加载，不会渲染css样式到HTML页面，需要借助style-loader来实现：
