webpack
文章平均质量分 92
webpack
xiaofei0627
前端开发者 + linux 爱好者。热衷于前端开发技术, 熟悉 Vue,React,微信小程序,webpack,vite,babel,node,linux,nginx 等。
展开
-
用 node 实现类似 webpack 的 require.context()功能
用 node 实现类似 webpack 的 require.context()功能简介:最近在写 nuxt 的项目,因为是服务端渲染,需要加载大量国际化文件,一个一个导入太费劲,于是想自动导入,首先想到的是 webpack 的 require.context()功能,可是服务端渲染用不了。于是自己用 node 写了一个文件加载器。文件目录.├── autoLoadFile.js└── langs ├── app │ ├── en.js │ └── zh.js原创 2020-09-18 14:55:32 · 7073 阅读 · 1 评论 -
umi 项目增加支持放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录,就比如 vue-cli 的 assetDir
umi 项目增加支持放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录,就比如 vue-cli 的 assetDir简介:最近需要做一个后台系统,时间又比较充足,antd 和 Ant Design Pro 都已经升级到了 v4 ,于是就果断尝鲜了一波,遇到的问题也比较多,比较难解决的就是类似 vue-cli 的 assetDir 的问题,现把解决方案整理如下。提示: 不要配置 config.optimization.splitChunks ,会导致 u原创 2020-07-22 10:53:40 · 16646 阅读 · 6 评论 -
前端调用 mqtt,适用于 vue,react 等 webpack 项目
前端调用 mqtt,适用于 vue,react 等 webpack 项目简介:MQTT (Message Queue Telemetry Transport):遥测传输协议,其主要提供了订阅/发布两种消息模式,更为简约、轻量,易于使用,特别适合于受限环境(带宽低、网络延迟高、网络通信不稳定)的消息分发,属于物联网(Internet of Thing)的一个标准传输协议。因公司开发智能人脸识别项目...原创 2020-04-02 12:37:31 · 6128 阅读 · 2 评论 -
webpack-dev-server/client/clients/BaseClient.js 报错
拿到别人的一个项目,启动报下面的错 Cannot assign to read only property 'exports' of object '#<Object>' webpack-dev-server/client/clients/BaseClient.js 第一行报错是不能混用import 以及module.exports 导致的第二行是报错位置,来自 we...原创 2019-09-09 11:06:26 · 8547 阅读 · 0 评论 -
vue-cli 3.0 配置productionGzip
最近没事升级项目到vue-cli3.0, 发现没有了productionGzip配置,于是查了一下午资料, 解决方案如下:1.安装如下插件npm i -D compression-webpack-plugin2.在文件vue.config.js里导入compression-webpack-plugin,并添加压缩文件类型const CompressionWebpackPlugin ...原创 2018-08-29 17:20:55 · 23788 阅读 · 17 评论 -
mpvue 如何使用 font-awesome? (不需要编码base64)
写小程序遇到的问题 网上大多是:下载字体包-压缩.ttf文件-&gt; 编码base64 -新建wxss 复制修改替换 font-awesome源码 太麻烦了 研究了一下午 解决方案如下npm i font-awesome –savemain.js里 添加 import ‘font-awesome/css/font-awesome.min.css’此时 使用的话 报错 ...原创 2018-06-29 17:47:07 · 6928 阅读 · 3 评论 -
vue cli3.x development模式打包app.js包太大
一、背景:升级老项目遇到的问题1.项目目录2.package.json3. env配置.env.development 配置NODE_ENV=developmentVUE_APP_BASE_API=开发VUE_APP_BUCKET=开发.env.production配置NODE_ENV=productionVUE_APP_BASE_API=生产VUE_APP_BUCKET...原创 2018-10-31 16:39:51 · 14211 阅读 · 2 评论