最近花了几天时间,做了一个图片转字符画的工具,一开始想做成用服务器来生成图像的形式,但是后来发现可以不依赖服务器生成图片,顺便还能把项目托管到 Github Pages 上,因此就把项目做成了纯前端的形式。 仓库地址 演示地址 欢迎star,谢谢! 项目说明 纯前端项目,不依赖服务器 支持 jpg, ...
分类:
其他好文 时间:
2020-04-29 00:56:48
阅读次数:
72
代码拆分 Webpack-Code Splitting import import('./detail.js').then(...) import React, { Component,lazy,Suspense } from 'react'; const About = lazy(()=>impo ...
分类:
其他好文 时间:
2020-04-28 14:41:28
阅读次数:
42
根本原因:是项目在升级了webpack到v4.0.0后,打包生产环境文件,报错走不下去。CommonsChunkPlugin主要是用来提取第三方库和公共模块,避免首屏加载的bundle文件或者按需加载的bundle文件体积过大,从而导致加载时间过长,着实是优化的一把利器。 解决办法 build/we ...
分类:
Web程序 时间:
2020-04-27 17:46:43
阅读次数:
107
解决方案如下: npm install extract-text-webpack-plugin@next 安装后的版本是(package.json): "devDependencies": { "css-loader": "^0.28.11", "extract-text-webpack-plugi ...
分类:
Web程序 时间:
2020-04-27 17:38:00
阅读次数:
78
一、改造index.html文件 引入样式和组件库 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <script s ...
分类:
Web程序 时间:
2020-04-27 15:40:03
阅读次数:
69
[toc] 1. 定义 当用户需要请求数据时, 用户向前端服务器发送请求, 然后前端服务器接收请求之后向后端服务器发送请求接收数据, 然后转发给用户. node 转发的本质其实和webpack devServer 的本质是一样的, 只不过node 转发一般由自己实现, webpack devServ ...
分类:
其他好文 时间:
2020-04-27 09:34:21
阅读次数:
67
1. 定义 如果一个项目中配置了webpack, 那么我们使用 webpack devServer 来配置代理转发请求来达到解决跨域问题的目的 webpack devServer 能够解决跨域问题的根本原因在于代理转发请求, 下面我们来介绍一下代理转发的流程 2. 代理转发 代理转发的过程如下图所示 ...
分类:
Web程序 时间:
2020-04-27 09:26:34
阅读次数:
112
为什么要使用babel插件? 首先要了解babel插件是干嘛的,随着js的语法规范发展,出现了越来越多的高级语法,但是使用webpack打包的时候,webpack并不能全部理解这些高级语法,需要我们使用一些插件来把高级语法,转为低级语法后打包。 babel就是将高级语法转为低级语法的工具。 不使用b ...
分类:
Web程序 时间:
2020-04-26 01:58:57
阅读次数:
123
时间过的真快,自从 1.1.4 发布又过去一个月了,这个月依旧每天在忙,D2Admin 也进行了大重构,先介绍一下这次的 1.1.5 相比 1.1.4 有哪些大的改变吧 ~ 重要升级 vue-cli3 D2Admin 这次完成了 vue-cli3 的重构,省去了以前繁琐的 webpack 配置,打包 ...
分类:
其他好文 时间:
2020-04-25 23:38:40
阅读次数:
71
Vue.js - Webpack 在网页中会引用哪些常见的静态资源? JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .t ...
分类:
Web程序 时间:
2020-04-25 22:00:18
阅读次数:
88