摘要：
一、环境配置 webpack在运行时可以根据运行环境的不同，可以操作不同的文件等，一般来说环境又开发环境和生产环境，而有可能公司事多弄个测试环境 在node里面可以全局通过 来获取当前运行环境，从而进行不同的编译 获取环境的代码 配置环境的方式有多种，这里个人知识有限，只列知道的三种方式 1、mod 阅读全文
摘要：
一、css压缩 这一节主要讲压缩代码，正常我们打包生产环境代码，js文件已经是压缩的，但是css并没有压缩，所以需要通过插件来压缩css代码，这个插件是 和`cssnano` 安装 调用 配置 注意这个配置，还需要在与plugins统计的optimization.minimizer中调用，其实也可以 阅读全文
摘要：
一、分离css 这一步将css分离出来，需要用到分离插件，有两种： 1、extract text webpack plugin 安装 调用 调用这个需要重新修改css的loader的配置 配置 因为这是个插件，所以需要在plugins里面配置 这个实例里面的参数可以是文件名字，也可以是文件路径字符串 阅读全文
摘要：
一、loader 经过前面的一系列操作，已经初步完成了一个webpack项目，但是这个只有html文件和js文件，啥都没有，看起来不正常，我们需要给这个页面添加css样式，图片，字体图标等 如何添加呢？通过loader css 添加css，需要 和`css loader`两个 安装 记住 所有loa 阅读全文
摘要：
一、HtmlWebpackPlugin 经过上面一番折腾，我们发现，虽然输出了内容，但是都是js文件，这个看不了，所以要想办法输出html文件，要想输出html文件，需要依赖插件 安装 调用 安装完成后，还需要在plugins里面配置一下 运行项目 运行完成之后，能够发现在dist文件里面生成了一个 阅读全文