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

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

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

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

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

安装webpack4.x 　　上一篇已经安装完了webpack4.x。https://www.cnblogs.com/webgis-ling/p/11445811.html 安装babel7.x 　　babel6以及以下版本安装方式和babel7的安装有很多不 ...

背景：由于需要将应用部署到线上开发环境、线上测试环境、线上预发环境、线上生产环境，而每个环境的访问地址是不同的。如果每次更改请求地址未免有些繁琐，就考虑在本地进行一次性配置。 代码管理工具：git 代码分支： 1.0-dev // 开发分支 1.0-test // 测试分支 ...

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