webpack 编译stylus_webpack4.x配置详情

webpack打包工具现在非常流行，熟悉并且能够进行配置也变得非常重要。在学习和使用的过程中遇到过很多的问题，希望能够让自己记录下来，巩固自己的学习。

1.创建文件目录

先在自己的常用盘中(我自己的项目一般都建在E盘的一个文件夹下)创建一个文件夹，比如webpack_demo，我用的编辑器是visual studio code，使用ctrl+`直接切到这个文件目录下

然后在该终端输入npm init 使其生成一个package.json文件

然后在webpack_demo文件夹下建立如下文件目录：

2.进行基础配置打包

建立好上面的目录之后，现在就该往里面添加内容了。往index.html 、index.js里面添加一些内容，这些内容就看个人随意了，只要是合理的都可以。在这两个文件里面添加内容是为了待会进行webpack打包的时候，不至于让打包出来的东西都是空的，不然这就很尴尬了。然后就该进行webpack.config.js里面配置了。下面是我进行的简单的配置：

最为简单的入口、出口、插件、本地服务的配置。entry是入口文件，使用的是相对路径，对应到入口文件index.js，这里配置的是单入口文件。多入口的以后配置。output是打包后的文件的路径，使用的是绝对路径。打