少走十年弯路！！！webpack详解

webpack是什么？？

        本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。

从 v4.0.0 开始，webpack 可以不用再引入一个配置文件来打包项目，然而，它仍然有着 高度可配置性，可以很好满足你的需求。

1、初始化一个pack.json

npm init -y

 2、下载所需要的模块

        全局安装

npm install -g webpack
npm install - g webpack -cli        

        在项目中下载（局部安装）

 npm install webpack webpack-cli -D

3、新建页面（只新建下图写新建的文件）

4、在下图文件中配置

**webpack.config.js需要下载模块

npm install style-loader -D

npm install css-loader -D