webpack
清风笑~
display:none
展开
-
webpack插件编写dumi实现js静态参数文档生成
项目是umijs搭建的,为了完善项目说明文档就引入dumi 负责组件开发及组件文档生成,但项目是js编程非ts,dumi解析props参数时只支持ts不只是js的。完善功能就配合Webpack编写一个插件解析js中的参数props。...原创 2022-03-24 20:50:59 · 2027 阅读 · 0 评论 -
pont生成前端接口层代码
Pont 利用接口元数据,可以高度定制化生成前端接口层代码原创 2022-02-17 14:23:50 · 1267 阅读 · 3 评论 -
基于umijs+lerna+qiankun的微前端实现
基于umijs+lerna+qiankun的微前端实现原创 2022-02-09 15:15:02 · 2335 阅读 · 2 评论 -
提高生产率swagger接口文档映射生成前端(Typescript)接口方法
前面整理过swagger生成javascript的接口方法,最近再整理下ts的吧一、定义url地址和引入依赖const fs = require('fs')const path = require('path')const parse = require('swagger-parser')const beautify = require('js-beautify').js_beautify;const swaggerUrl = 'https://www.**.com/v2/api-docs?gr原创 2021-03-31 15:05:12 · 3252 阅读 · 1 评论 -
chainWebpack配置WebWorkers
WebWorker作为浏览器开启子线程的一种新方式,Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。一、UmiJS中配置使用WebWorkers在chainWebpack里面基于worker-plugin配置首先 npm 依赖npm install -D worker-pluginconfig.ts文件里配置chainWebpack中配置import WorkerPlugin from 'worker-plugin';export d原创 2021-02-20 12:01:53 · 3245 阅读 · 1 评论 -
前端javascript的git提交验证
项目中代码风格或者代码规范的遵守,在自觉的情况下就是强制要求。从git提交验证开始做起。首选安装npm install --save-dev eslint babel-eslint pre-commitnpm install --save-dev lint-staged eslint-config-standard eslint-plugin-nodenpm install --save-...原创 2020-05-01 15:32:33 · 624 阅读 · 0 评论 -
前端DNS预读取
点开淘宝,F12看到淘宝head 元素里 有这么一个代码<link rel="dns-prefetch" href="//res.mmstat.com">dns-prefetch 字面理解就是 dns预取或者预解析,解析后存储在缓存里,一次dns查询一次的时间大概能在60-120ms,对于复杂的网页,分秒必争,也算时间长了。如此通过rel="dns-prefetch"可以将当...原创 2019-12-08 20:32:14 · 350 阅读 · 0 评论 -
webpack开发或打包多环境配置
项目开发流程一般流程可能有开发和生产,但是也会有测试和预发,这样四个环境下。npn run dev 或者npm run build 时就需要对应不同环境。如此增加一个环境参数env_config 分别在dev.env.js 和prod.env.jsvar merge = require('webpack-merge');var prodEnv = require('./prod.env'...原创 2019-11-25 21:24:55 · 1091 阅读 · 0 评论 -
wekpack多页面配置
首先配置多个页面的入口,找config目录index.js中module.exports = { build: { }, dev: { }, multiPage: ['index', 'index2', 'index3'], };webpack.base.conf.js 文件中entry 配置多个var config = require('../config');...原创 2019-07-06 22:11:10 · 434 阅读 · 0 评论 -
vue-cli 打包找不到 css 资源或者图片资源问题
用vue-cli 开发,要打包了,放到tomcat 上发现css 或者图片加载不出来,控制台一看是资源路径不对资源是在assets 目录下的彻底的解决办法 utils.js 文件中 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, p...原创 2017-10-14 15:39:00 · 5037 阅读 · 2 评论