PWA（Progressive Web Apps）是谷歌近几年一直在推进的 web 应用新模型。PWA 借助 Service Worker 缓存网站的静态资源，甚至是网络请求，使网站在离线时也能访问。并且我们能够为网站指定一个图标添加在手机桌面，实现点击桌面图标即可访问网站。 Web App Man ...
分类：
Web程序 时间：
2020-02-21 20:01:29
阅读次数：
366
在最近的项目里，页面和静态文件并不是很多的情况下，打包后发现产出的静态资源却很大。 1.关掉sourcemap 在config/webpack.config.js文件里，大概30几行的位置添加这样一句代码，这样做的作用是防止线上生成环境将源码一起打包部署。 2.将一些公共的库（比如antd）做一个缓 ...
分类：
移动开发 时间：
2020-02-21 18:31:15
阅读次数：
278
项目如果是用脚手架搭建的（vue cli）项目配置文件里有个proxyTable proxyTable是vue-cli搭建webpack脚手架中的一个微型代理服务器，配置如下 配置和安装axios 安装npm install axios 引用： ...
分类：
移动开发 时间：
2020-02-21 12:38:10
阅读次数：
139
webpack是一个现代JS应用程序的静态模块打包器。当webpack处理应用程序，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 入口（entry）： 入口起点指示webpack应该使用哪个模块，，来作为构建起内依赖图的开始 输出ou ...
分类：
Web程序 时间：
2020-02-21 09:38:25
阅读次数：
80
什么是文本pack 从本质上讲，Webpack是一个现代Javascript应用的静态模块打包工具，它可以分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 安装webpack 1 ...
分类：
Web程序 时间：
2020-02-21 00:05:09
阅读次数：
86
Webpack Quick Start 1.webpack到底是什么？ 前端资源加载/打包工具 js→js→png→less→sass 静态分析模块的依赖关系 组织合并打包生成对应的静态资源 2.webpack4新特性 2.1 mode属性 development 浏览器调试工具 注释、开发阶段的详 ...
分类：
Web程序 时间：
2020-02-20 23:51:46
阅读次数：
102
React启用懒加载后，react-router使用BrowserRoute模式，二级路由页面加载其他页面时会报错“找不到相应的chunk文件”。 ...
分类：
其他好文 时间：
2020-02-20 23:39:21
阅读次数：
134
当我们在做打包的时候，在某一些具体时刻，（如打包结束时生成一个html,使用HtmlWebpackPlugin；在打包之前，把dist目录清空，使用CleanWebpackPlugin）帮我们做一些事情。 1.初始化一个项目 2.新建plugins文件夹，下面新建copyright-webpack- ...
分类：
Web程序 时间：
2020-02-20 17:29:15
阅读次数：
111
1.跟上技术的迭代（node,webpack,yarn） 2.在尽可能少的模块上应用Loader 3.plugin尽可能精简并确保可靠 4.resolve参数合理配置： 有时候我们引入vue文件时不会跟上后缀，如 import Header from './header'; 实际上应该是 impor ...
分类：
Web程序 时间：
2020-02-20 17:24:01
阅读次数：
99
为了简单理解webpack原理。 新建项目:webpack_bundler // 目录 src index.js message.js word.js bundler.js word.js: export const word='hello'; message.js: import {word} f ...
分类：
Web程序 时间：
2020-02-20 17:22:26
阅读次数：
92
