
webpack
janyxh
这个作者很懒,什么都没留下…
展开
-
为create-react-app项目搭建环境变量,适应不同环境需求
一.对create-react-app 的默认配置进行自定义1.选择安装 react-app-rewired$ yarn add react-app-rewired customize-cra2.修改package.json文件/* package.json */"scripts": {- "start": "react-scripts start",+ "start": ...原创 2019-12-24 10:24:59 · 2769 阅读 · 0 评论 -
使用webpack proxy配置开发环境代理,解决跨域问题。(Vue cli 3也适用)
解决方案我写了一个例子,觉得有用的话,点个star。地址:https://github.com/janyxh/vue-study/blob/master/vue.config.js-------------------------- 分割线 -----------------------最近调试接口,使用本地ip对接接口调试,在同事的机子上调试。在Swagger和Postman上调试都没有...原创 2019-07-23 18:22:28 · 2428 阅读 · 0 评论 -
前端优化(二):使用路由懒加载
二、开启路由懒加载上一章内容: 前端优化(一):开启nginx gzip压缩本文继上一章,接着前一章,继续讲解如何做前端优化,以vue项目为例。路由懒加载依赖于webpack的分片,默认情况下,一个项目被webpack打包成一个 index.html, app.js, chunk-vendors.js, app.css,chunk-vendors.css和若干图片。单页应用下,只有一...原创 2019-08-29 09:41:54 · 767 阅读 · 0 评论 -
前端优化(三):使用dll打包抽取第三方js(DllPlugin DllReferencePlugin插件)
三、抽取第三方js,使用dll打包第一章内容:前端优化(一):开启nginx gzip压缩第二章内容:前端优化(二):使用路由懒加载本文继续前两章内容,继续讲解第三个前端优化方案:抽取第三方js。随着项目增长,引入的第三方js也越来越大。webpack将第三方js默认打成一个包,导致该js文件越来越庞大,严重影响首屏加载 。1.创建抽取的文件对象在项目根目录创建一个dll.co...原创 2019-08-29 11:14:31 · 5417 阅读 · 9 评论