
webpack
文章平均质量分 52
【03】
前端、游戏、区块链
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Proxy代理配置解析
Proxy代理配置,解析,实现前端发送跨域请求原创 2022-09-14 10:29:01 · 2297 阅读 · 0 评论 -
react Could not freeze
问题运行项目的时候,经常会有一大片错误 Could not freeze ./src/web3/address.js: Cannot read property 'hash' of undefinedHardSourceWebpackPlugin是webpack的插件,为模块提供中间缓存步骤,但是它报错了…临时解决方案删除 ./node_modules/.cache 后,再npm start重启项目确实,这行得通,但是后面还会继续蹦出来,难道每次都要去手动删除再重新启动吗?根本解决方案原创 2022-04-07 10:07:10 · 1672 阅读 · 0 评论 -
react process is not defined,全屏iframe覆盖问题
问题在运行时,浏览器控制台报错:process is not defined,并且会在页面创建个全屏iframe,阻止页面交互,头痛…解决固化react-error-overlay版本,下载包npm i --save-exact react-scripts@4.0.3npm i --save-dev react-error-overlay@6.0.9package.json添加以下代码 "resolutions": { "react-error-overlay": "6.0.9"原创 2022-04-07 10:06:01 · 2127 阅读 · 0 评论 -
import报错These relative modules were not found,这是忘了写文件后缀
首先排除导入导出路径错误我的项目代码(错误示例)以上代码,看起来确实没啥问题,结果却报错了问题解决该问题是没有加.jsx文件后缀导致的//将import RouterConfig from './router/RouterConfig';// 写上后缀import RouterConfig from './router/RouterConfig.jsx';更好的解决方法配置webpack自动寻找后缀在webpack.config.js加上以下配置即可 resolve: .原创 2021-02-05 09:24:59 · 670 阅读 · 0 评论 -
less安装报错,less-loader版本问题
ValidationError: Invalid options object. Less Loader has been initialized using an options object。。。此问题是在安装less中遇到的webpack.confog.js{ test: /\.(css|less)$/, loader: ['style-loader', 'css-loader', 'less-loader'],},解决分析得出结论是less-loader版本问题卸载less.原创 2021-02-05 09:24:50 · 10702 阅读 · 1 评论 -
react实现局部样式、全局样式、antd-mobal按需共存
前言众所周知,react的css在默认情况下无论在哪个组件引用,都是全局的,后 覆盖 前(对于权重高的不覆盖,相当于css的书写顺序)准备react暴露配置文件react配置less-loader 配置antd-mobal按需引入在上面基础之上,解决以下问题1、实现全局css以及局部css2、局部css适配antd-mobal的按需引入webpack.config.js把之前配置less产生的部分代码恢复为const cssRegex = /\.css$/;const cssModu原创 2020-08-22 19:26:48 · 2487 阅读 · 0 评论 -
react配置less-loader,两种配置方案
1、暴露配置文件请查阅相关文章https://web03.cn/blog/152下载loadernpm install less less-loader配置方案1(推荐)打开配置文件 webpack.config.js// const cssRegex = /\.css$/;//修改前const cssRegex = /\.css|less$/;//修改后新增代码{ loader: require.resolve('less-loader')},修改代码// excl原创 2020-08-19 09:03:49 · 2477 阅读 · 0 评论 -
vue实现字体随窗口大小而变化
首先,安装rem安装rem移步https://web03.cn/blog/68修改源代码node_modules/lib-flexible/flexible.js新增变量 var bodySize = 12var bodySize = 12修改方法refreshRem function refreshRem(){ var width = docEl.getBoundingClientRect().width; if (width / dpr > 54原创 2020-08-18 19:47:43 · 3651 阅读 · 1 评论 -
vueCli3配置gzip压缩
配置gzip下载依赖npm i -D compression-webpack-pluginvue.config.js如没有vue.config.js文件,可创建一个const CompressionPlugin = require('compression-webpack-plugin')module.exports = { publicPath: './', // 打包资源路径前缀 productionSourceMap: false, // 不打包map文件 configure原创 2020-07-17 10:40:01 · 502 阅读 · 0 评论 -
VueCli 构建以及安装rem、less
安装前准备打开某一文件目录,在目录栏输入 cmd 回车安装cnpm可以忽略此步骤,cnpm是淘宝镜像比npm国外镜像快很多,下载更快,如没安装,把命令前缀cnpm换成npm执行也是一样的窗口执行 npm install -g cnpm --registry=https://registry.npm.taobao.org安装vue脚手架 2.x安装全局vue-cli 模块在cmd窗口输入cnpm install vue-cli -g(安装一次即可)构建vue原创 2020-07-17 10:16:11 · 442 阅读 · 0 评论