Webpack4生产环境构建相关配置 - 基础配置

这里为什么要实践下这个,引用下官方的原文

开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而在生产环境中,我们的目标则转向于关注更小的 bun

...

Webpack4代码分割实现按需加载/懒加载

为什么要实现按需加载或懒加载,引用下官网的话

懒加载或者按需加载,是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处分离开,然后在一些代码块中完成某些操作后,立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度,减轻了它的总体体积,因为某些代码块可能永远不会被加载。

1、现在clone原始项目如下

git clone https://git
...

Webpack4+React16+ReactRouter4 - historyApiFallback 多级路由

之前的几篇文章写的很多,里面在开发环境下都用到了
 

historyApiFallback: {
  rewrites: [{
    from: /^\/$/,
    to: './index.html',
  },
  ],
},

但是在我们开发也许会遇到一个很奇怪的问题就是,当我们访问到二级以上的路由的情况下,在刷新页面会发现页面加载不出需要的js,此时会显示一个404,说文件不

...

Webpack4+React16+ReactRouter4+Redux整合开发 - Redux Logger日志相关配置

之前的几篇文章继承了redux,这里不得不说下与redux开发相关的一些配置redux-logger,其实有很多,也有另外一种方式,这里我觉得这个是比较好的,这里做下记录,跟大家分享下。

首先clone代码

git clone https://github.com/durban89/webpack4-react16-reactrouter-demo.git redux-devtools

...

Webpack4+React16+ReactRouter4+Redux整合开发 - react-hot-loader

继续上篇文章【Webpack4+React16+ReactRouter4+Redux整合开发】继续分享,这里我们针对细节的部分做下优化,主要是能更加高效的提升我们的开发效率

1、clone 实例代码并将代码运行起来

git clone https://github.com/durban89/webpack4-react16-reactrouter-demo.git react-hot-l
...