设置webpack的入口entry(表明webpack查找的不是src下的index.js而是我们指定的路径js)
出口output-path (表明输出的打包的文件夹)
也可以通过scripts方式，执行对应脚本
我们通常会在根目录下创建webpack.config.js来配置入口entry和出口output等各种配置项
因为webpack是基于node环境，所以依赖的是Commonjs模块化，通过module.exports = {}进行导出
如果我们配置文件不叫webpack.config.js，我们可以通过--config指定对应的配置文件，如图配置文件指定为wk.config.js
如果在项目中有一个test.js或者demo.css但是没有被引入，那么webpack是不会对其进行打包的，也就是说只会对其引入的资源进行打包
当我们直接在js中间中引入css的时候，通过webpack命令打包是会报错的，因为webpack不知道该如何处理css，需要一个loader来加载这个css文件
所以我们需要css-loader来加载css
通过module.rules配置多个rule来配置loader, test表示匹配的资源(正则表达式), use数组表示匹配资源使用的loader(可以有多个loader)
注: webpack的loader加载顺序是从后往前加载, 所以我们如图加载顺序是先加载css-loader，再加载 style-loader
less-loader只是帮助我们加载less，我们还是需要使用less工具将less转成css浏览器才能正常访问，所以我们需要同时安装less和less-loader
当匹配到less资源先通过less-loader加载less转化成css,再通过css-loader加载css,再通过style-loader渲染css
