webpack的代码分割配置代码,异步加载模块配置
需要在webpack.config.js配置中添加字段 optimization 首先在这里简单提一下 optimization 里面可以配置 tree shaking 添加usedExports: true即可 下面我们进入正题 只需要在optimization里面添加配置 splitChunks: { chunks…
动态
webpack开启热更新模块
首先上代码 注意代码中的devServer 里面的hot、hotOnly都设置为true 拉下webpack的 HotModuleReplacementPlugin模块 然后实例化即可 const path = require('path') const HtmlWebpackPlugin = require('htm…
file-loader的placeholder占位符中文文档
这篇文章是我对照着webpack官方文档一个一个翻译的，绝非右键翻译。保证同学们能看得懂 [ext] 表示 文件的后缀 [name] 表示 当前文件名 [path] 表示 相对于webpack的路径 [folder] 表示源文件所在文件夹路径 [emoji] 表示一个随机的emoji表情 [emoji:] 表示 自定义…
webpack打包配置
我写这篇文章一来是为了巩固自己的学习 二来是为了更多的同学在学习webpack中有所收获 webpack安装分为两种 一种是全局安装global 一种是局部安装local 我个人觉得我比较喜欢使用局部安装。不管然和插件 全局暗转只需要执行 npm install webpack webpack-cli -g 安装完成之…
BFF中间层
中间层 目前我发现的最大的改良架构的通解 就是增加中间层。 比方说 前后端分离，使用 node 来做BFF（backend for frontend），实际上就是在传统前后端 增加了 node这一层，通过此有两点好处，一个是前端彻底接管了 view 层，后端渲染也开始全部由前端掌控，另一个就是 接口层 增加了一层。 B…
ant-design-pro 的入口文件？
今天在项目中遇到一个问题 在ant-design-pro中需要加入script标签 于是找了好久没有找到入口文件 没有index.html 也没有index.ejs 最后在src中的docment.ejs ant-design-pro加入script标签 只需要在docment.ejs中加入即可
私有Docker的搭建
首先我们最好有一台Linux的服务器 然后我们到docker hub 上面搜索registry 找到命令 docker run -d -p 5000:5000 --restart always --name registry registry:2 然后复制粘贴 后面我们打开服务器添加doemon.json文件到/etc…
Dockerfile的基本语法
FROM FROM scratch 制作base image FROM centos 制作base image FROM ubuntu:14.04 LABEL LABEL maintainer='admin@zyt8.cn' LABEL version='v1.0' LABEL description='this is…
ant-design下载二进制字节流文件
今天在做一个项目的时候遇到了一个问题。 其实下在文件是很简单的一件事情。但是使用到前后分离的这个概念，下载文件就变得稍微有一点点复杂了。 因为用户使用的是前端路由。而不能够直接使用后端的路由 所有任何操作都要通过API来实现 这样的话即使服务器上面有文件也很难下载。 因为链接不能够直达 所有我就用服务器返回我们需要下载…
docker笔记-命令篇
docker 基础命令 docker run imageName # 运行一个image容器 docker build -t ImageName . # 意思是在当前目录下寻在Dockerfile文件并且编译 docker image ls # 列出所有image docker container ls -a # 列出…
如何创建一个Docker的image？
如何创建一个docker的容器呢？ 起始非常简单 我们首先需要简单的写一个小程序 就用c语言些吧。 Linux中需要使用到gcc 和 glibc-static包 #include int main() { printf('hello world\n') } 将我们刚刚写的小程序编译 gcc -static hello.…
如何自己为Array实现一个flat即扁平化输出
let a = [1,2,3,4,5,[6,7, 8, [9,[10,11,[12,[13]]]]]] console.log(a) // (6) [1, 2, 3, 4, 5, Array(4)] console.log(flat(a)) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11,…