-
Hi, thanks for this amazing tool, here an issue I have when react-hot-loader is included as a webpack DLL.
### Description
react-hot-loader fails to replace a component that has shouldComponentUpd…
-
### Install
```bash
$ yarn add webpack webpack-cli -D
```
### 项目根目录创建`webpack.config.js`
```javascript
module.exports = {
mode: 'development' // development, production(自动压缩代码)
// 在webpa…
-
[原文地址](https://github.com/happylindz/blog/issues/8)
# webpack 大型应用优化实践
## 前言
最近在团队分享一些 webpack 技巧，于是便准备梳理出一篇博文总结一下，不过由于讲的内容太多了，无法描述的很详细，更多地是提供一个思路，希望读者感兴趣可以动手去实践实践。
## 我认为理想的 webpack 配置：
…
-
新鲜货27篇
0.Node Weekly | 1篇
[New npm security features, Ghost 2.0 and more](https://nodeweekly.com/issues/252)
1.Frontend Focus | 1篇
[Advanced Effects with CSS Background Blend Modes](http…
-
## 减少 Webpack 打包时间
### 优化 Loader
对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，**转换代码越多，效率就越低**。当然了，我们是有办法优化的。
首先我们可以**优化 Loader 的文件搜索范围**
```js
module.e…
-
# 如何提高webpack的编译速度？
## 缩小文件搜索范围
### 优化 `loader` 配置
在module中，在使用 loader 时，可以通过 `test`、`include`、`exclude` 三个配置来命中 loader 要应用规则的文件。
以采用 ES6 的项目为例，在配置 babel-loader 时，可以这样：
```js
module.exports …
-
### 网络层面与渲染层面
输入 URL 到显示页面整个过程，涉及网络层面：
- DNS 解析
- TCP 连接
- HTTP 请求/响应
HTTP 连接层面的优化是前端网络优化的核心
- 减少请求次数
- 减少单次请求所花费的时间
=> 资源的压缩与合并 => webpack
-
Do you have a sample config for your plugin with webpack-dev-server ?
-
在给[脚手架](https://github.com/Sunshine168/mobx-react-quick-starter)进一步升级,整理一下这次升级所看到的一些资料。
目前webpack进入v4以来迭代还是比较快。。 感觉还是相对没那么稳定
## 基础
entry 入口文件(单页一般就一个，如果是数组的形式则是代表入口的顺序。而多页面就是对象的形式可能打包出多个入口到不同的页面)…
-
### 1. 用 husky 和 lint-staged 构建 Git commit 代码检查工作流
husky 安装后，可以很方便的在 package.json 配置 git hook 脚本。
- 待提交的代码 git add 添加到暂存区；
- 执行 git commit；
- husky 注册在 git pre-commit 的钩子函数被调用
接下来可以做一些 Eslint，c…