风华绝代的博客

https://github.com/tcoopman/image-webpack-loader#usage1， 安装brew install libpng这个有的mac电脑上是本来就有的，可以不用安装，使用brew list 就可以查看有没有，不过还会出现一种情况，就是即使是有，但还是需要再安装一下2，github 中的 五个图片的涉及到的loader，也要安装3，安装gif 的时候出的错解决方法brew install automake这个时候又出现下面这个错误.

写这篇文章的初衷在于，虽然网络上关于webpack的教程不少，但是大多已经过时，由于webpack版本更新后许多操作变化很大，很多教程的经验已经不适合。当我们使用npm安装webpack时，若不指定webpack的版本，将默认安装最新版，笔者测试时默认安装的是4.1.1，并不能照搬老教程的方法。为此，笔者进行了最新版配置的探索，使用的是windows操作系统，如果你的是webpack4.x版本，可...

如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里webpack 引入 eslint首先安装webpack支持eslint三件套:yarn add eslint eslint-loader eslint-friendly-formatter -Dyarn add eslint eslint-loader eslint-friendly-formatter -D...

// webpack版本：4.32.2 // 抛错原写法const CleanWebpackPlugin = require("clean-webpack-plugin"); ... plugins: [ new CleanWebpackPlugin(['dist'])] ... // 另一种错误写法 const CleanWebpackPlugin = re...

介绍：打包会输出一个类dll包（dll包源于windows的动态链接库），这些代码本身不会执行，主要是提供给我们的业务代码引用。（比如dll中有一个工具方法为时间格式化，这个方法本身并不会执行，但是当我们的业务中需要执行时间格式化时，就会引用这个方法在我们的业务中执行时间格式化）。简言之：将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用Dll...

因为项目一直在加工能，每次打包之后都很慢，所以就要解决这个问题，我采用的方法如下,一、使用DllPlugin 和DllReferencePlugin       这两个插件我们不用安装，是webpack支持的，我们可以直接来使用，主要思想就是我们将依赖单独抽离出来，单独打包，然后将打包后的js文件引入到html中，利用manifest.json（生成）来映射。接下来说步骤（1）建一个c...

将loader中的exclude 将以json结尾的注释掉即可

webpack --display-error-details

Webpack 是什么webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 简单说就是模块加载器，通过使用Webpack，能够像Node.js一样处理依赖关系，然后解析出模块之间的依赖，将代码打包。为什么需要打包？像sass，JSX等代码虽然极大的提高了开发效率，但是本身并不被浏览器所识...

一、什么是 npm 脚本？npm 允许在package.json文件里面，使用scripts字段定义脚本命令。{ // ... "scripts": { "build": "node build.js" }}上面代码是package.json文件的一个片段，里面的scripts字段是一个对象。它的每一个属性，对应一段脚本。比如，build命令对应的脚本是...