很长时间没有进行webpack打包配置了，想起来都快有些忘记了，这个东西不是经常用到，只有在新建个项目的时候用到，不用官方模板，自己去动手配置的时候，有时候觉得还是有点难度。今天就想着自己动手进行配置一下，可是还是遇到坑了，折腾了一会，现在的webpack版本都4.x了，有些插件都有些改变 ...

一、全局安装webpack npm install webpack -g 二、创建项目 我们在合适位置新建一个文件夹wpk-test，用于存放我们的项目。 命令行中定位到webpack-test文件夹下，输入以下命令进行项目的初始化： npm init 这里，要求设置很多选项，可以按项目 ...

webpack打包工具现在非常流行，熟悉并且能够进行配置也变得非常重要。在学习和使用的过程中遇到过很多的问题，希望能够让自己记录下来，巩固自己的学习。 1.创建文件目录 先在自己的常用盘中（我自己的项目一般都建在E盘的一个文件夹下）创建一个文件夹，比如webpack ...

前言 本文主要从webpack4.x入手，会对平时常用的Webpack配置一一讲解，各个功能点都有对应的详细例子，所以本文也比较长，但如果你能动手跟着本文中的例子完整写一次，相信你会觉得Webpack也不过如此。 一、什么是webpack，为什么使用它？ 1.1 ...

前言： webpack4出了以后，一些插件变化很大，和之前的版本使用方式不一样，新手入坑，本篇将介绍如何从一开始配置webpack4的开发版本，对css，js进行编译打包合并生成md5，CSS中的图片处理，js自动注入html页，删除指定文件，提取公共文件，热更新等等。 安装 ...

这两天摆弄webpack，躺过很多坑，直到今天看了一位博主的文章才得以解决。他对配置中的各个部分做说明。 下面的配置99.9%抄自博主: https://www.cnblogs.com/nianyifenzhizuo/p/10271001.html 安装package.json中 ...

序 上一篇已经把基本架子搭起来了，现在来增加css、scss、自动生成html、css 提取等方面的打包。webpack 默认只能处理js模块，所以其他文件类型需要做下转换，而loader 恰恰是做这个事情的，来试试一步一步的完成这个事情吧。 1、安装 normalize.css ...

webpack升级到4.x后对于以前的一些配置可能不是很好用了，最近一直在研究css抽离出js代码并对css进行压缩，所以总结一下经验。 webpack4之后，对于抽离css有一个官方比较推荐的插件 mini-css-extract-plugin ，用来将css分离出来，而且配置简单 ...