02 2020 档案
摘要：Reflux中的Store既是一个listener（既有对action的监听，又有对store的监听）同时又是一个publisher. 一、监听单个action const Reflux = require('reflux'); const action = Reflux.createAction(
阅读全文
摘要：reflux在flux的基础上，去掉了dispatcher. 在Reflux中，每一个Action本身就是一个Publisher（消息发布者），具有消息发布功能；而每一个Store除了作为数据存储之外，它还是一个Subscriber，或者叫做Listener（消息订阅者），可以通过监听Action，
阅读全文
摘要：一、基本概念 action dispatcher：接受actions,每个application中只有一个dispatcher. store：管理application的数据。每个store都在dispatcher中进行注册，并接受actions。store中的数据改变时，会触发change事件。每
阅读全文
摘要：webpack 命令行环境配置中，通过设置 --env 可以使你根据需要，传入尽可能多的环境变量。在 webpack.config.js 文件中可以访问到这些环境变量。 webpack --env.NODE_ENV=local --env.production --progress 如果设置 env
阅读全文
摘要：将webpack与TS进行集成。 1. 安装TypeScript 编译器和 loader npm install --save-dev typescript ts-loader 2. 在package.json同级目录下新建tsconfig.json { "compilerOptions": { "
阅读全文
摘要：渐进式网络应用程序(Progressive Web Application - PWA)，是一种可以提供类似于原生应用程序(native app)体验的网络应用程序(web app)。PWA 可以用来做很多事。其中，最重要的是，在离线(offline)时应用程序能够继续运行功能。这是通过 Servi
阅读全文
摘要：shimming 将一个新的 API 引入到一个旧的环境中，而且仅靠旧的环境中已有的手段实现。 ProvidePlugin 我们在程序中暴露一个变量，通知webpack某个库被使用，webpack将在最终的bundle中引入该库。 // index.js function component() {
阅读全文
摘要：缓存 把 /dist 目录中的内容部署到服务器上，客户端（通常是浏览器）就能够访问网站此服务器的网站及其资源。而通过网络获取资源是比较耗时的，这就是为什么浏览器要使用缓存这种技术。可以通过命中缓存，以降低网络流量，使网站加载速度更快。然而，如果我们在部署新版本时不更改资源的文件名，浏览器可能会认为它
阅读全文
摘要：code spliting 把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。 代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大缩减加载时间。 首先，看一组概念。参考：https://www.jianshu.com/p/a1ccd6d1b
阅读全文
摘要：开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而
阅读全文
摘要：参考：https://www.cnblogs.com/PasserByOne/p/12084323.html https://blog.csdn.net/qq593249106/article/details/84928595 html-webpack-plugin index.html中有一个<s
阅读全文
