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

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

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

一、前言 webpack在不断的迭代优化，目前已经到了4.29.6。在webpack4这个版本中，做了很多优化，引入了很多特性，将获得更多模块类型，.mjs支持，更好的默认值，更为简洁的模式设置，更加智能的chunk，新增的splitChunks来自定义分隔代码块等等。升级待4，在打包速度，代码 ...

在自构建自己的个人页面的时候使用到webpack4，遇到了一些问题，查看了大佬们的文章以及官方文档，在这里总结一下。 webpack比较基础的东西就不赘述了，代码里面的注释也会辅助说明，先看一下目录结构： 这里目录结构导出如果有不知道的同学，其实很简单，windows命令 ...

source-map 新建一个配置 在mode: 'production'下 报错提示 home.js webpack.config.js 没有使用devtool时，浏览器错误提示截图 打包压缩后的文件 不利于查找错误 1.使用source-map提示截图 ...

webpack的基本使用 webpack 本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。借用 webpack 官网的图片： 虽然webpack4.x的版本可以零配置开始构建，但是在实际的项目中需要其它的一些功能，还是需要一个配置文件。 安装 下面 ...

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