本文目录： 减少前端资源体积 使用长期缓存 监控和分析应用程序 总结 一、减少前端资源体积 1、webpack 4 开启 production 模式 production 模式下 webpack 会对代码进行优化，如减小代码体积，删除只在开发环境用到的代码。 可以在 webpack 中指定： mod ...
分类：
Web程序 时间：
2020-03-21 21:17:53
阅读次数：
81
vue中使用bootstrap，需要在vue.config.js中的plugins中进行配置 + npm i jquery -S + 在vue.config.js文件中添加代码 const webpack = require("webpack"); module.exports = { config ...
分类：
其他好文 时间：
2020-03-21 21:14:29
阅读次数：
90
Webpack "webpack官网" "webpack中文网" 一、Webpack 介绍 Webpack 是什么? (mianshi) 前端模块化打包(构建)工具 【构建：打包】 WebPack可以看做是 模块打包机 ：它做的事情，是分析你的项目结构，找到JavaScript模块、其它的一些浏览器 ...
分类：
Web程序 时间：
2020-03-21 18:19:43
阅读次数：
102
本文将要介绍 webpack，Babel，babel loader 的关系。理清楚他们各自做了什么事情。 通常我们新建一个项目，会先配置webpack，然后配置babel；babel是一个编译工具，实际上，babel也是可以单独使用的。 下面我们从Babel出发，简单配置一个react项目，来清晰认 ...
分类：
Web程序 时间：
2020-03-20 23:43:04
阅读次数：
222
webpack学习记录(十) 跨域 准备工作 建一个简单的服务端 发送一个请求 这里就涉及到跨域问题了，用webpack dev server启动默认是8080端口，但是服务端监听的是3000端口。 解决办法如下。 方法一 请求到 /api/xxx 现在会被代理到请求 http://localhos ...
分类：
Web程序 时间：
2020-03-20 20:12:21
阅读次数：
83
webpack学习记录(九) 小插件应用 clean webpack plugin 每次输出之前先删除之前的目录，即每次输出都是最新的打包文件 安装及配置 copy webpack plugin 拷贝文件到输出目录 安装及配置 bannerPlugin webpack内置的插件，用来声明版权 安装及 ...
分类：
Web程序 时间：
2020-03-20 20:06:25
阅读次数：
78
webpack学习记录(十二) 区分不同环境 定义全局变量 使用webpack内置的插件DefinePlugin 允许创建一个在 编译 时可以配置的全局常量。 用法 创建两个环境配置 创建一个webpack.base.js, 然后在webpack.prod.js和webpack.dev.js中引入。 ...
分类：
Web程序 时间：
2020-03-20 20:00:55
阅读次数：
89
webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于 webpack 优化 ...
分类：
Web程序 时间：
2020-03-20 17:04:09
阅读次数：
84
十、histroy 属性 Router组件的history属性，用来监听浏览器地址栏的变化，并将URL解析成一个地址对象，供 React Router 匹配。 history属性，一共可以设置三种值。 browserHistory hashHistory createMemoryHistory 如果 ...
分类：
其他好文 时间：
2020-03-20 13:14:53
阅读次数：
71
一、require.context是什么？ 它是webpack的一个api，通过require.context函数获取一个特定的上下文，主要用来实现自动化导入模块。如果需要从一个文件夹中引入很多模块文件，可以使用这个api，它会遍历文件夹中的指定文件，然后自动导入，使我们不再需要写大量显式的impo ...
分类：
其他好文 时间：
2020-03-20 13:00:49
阅读次数：
151
