草庐IT

nt-webpack-plugin

全部标签

Vite处理html模板插件之vite-plugin-html

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、项目目录二、index.html三、vite.config.js四、打包dist的结果五、有个疑问前言背景:项目中需要使用模板html动态处理比如icon、title。我的项目里是需要在不同的打包指令下,打包的结果中index.html中title和icon都不一致。之前的项目使用的是html-webpack-plugin插件。安装该插件的使用需要注意你项目的webpack版本,安装对应的版本插件。本次因为项目是vite项目,所以采用vite-plugin-html插件。本文作为使用记录。结尾还有个疑问一直没有解决

做法一: vue-cli(webpack)配置开发环境、测试环境、生产环境

场景描述:      由于开发环境、测试环境、生产环境三者是放在不同的服务器导致请求的接口URL地址不同,所有需要配置根据不同的环境使用不同的服务器地址。解决问题:请先简单阅读一下官方文档,了解一下概念1、根目录创建.env.development、.env.test、.env.production文件(开发、测试、生产) 2、文件内容及字段说明NODE_ENV:可以设置为其他值,比如"test",但是打包后的目录结构和"production"不一样,所以还是设置为"production",通过"VUE_APP_MODE"变量来区分环境VUE_APP_MODE:线上测试环境VUE_APP_AP

详解使用git和jmeter-maven-plugin管理jmeter脚本的接口测试方案

上一篇文章中讲解了如何使用jmeter进行接口测试以及落地的方案,详情参考:干货!Jmeter落地接口测试的实现方案!本文我们来继续这一话题,深入讲解如何通过git和jmeter-maven-plugin来管理jmeter脚本,以及其如何在接口持续集成测试中进行应用。总体策略使用公司的gitlab管理jmeter脚本(maven工程),大家每次本地编辑脚本后都需要提交更新的脚本到gitlab;每个人只更新维护自己的脚本(避免引起冲突);脚本提交前要确保脚本执行的正确性;只在主干工作,没有涉及到分支;后续使用jmeter-maven-plugin对jmx执行进行管理,这样方便了jmx接口测试脚本

2022-12-30 Ubuntu 运行qt creator提示qt.qpa.plugin: Could not load the Qt platform plugin “xcb“

一、Ubuntu运行qtcreator提示qt.qpa.plugin:CouldnotloadtheQtplatformplugin"xcb"qt.qpa.plugin:CouldnotloadtheQtplatformplugin"xcb"in""eventhoughitwasfound.ThisapplicationfailedtostartbecausenoQtplatformplugincouldbeinitialized.Reinstallingtheapplicationmayfixthisproblem.Availableplatformpluginsare:eglfs,linu

gitee上传之后本地代码丢失及Cannot find module ‘babel-plugin-import‘解决办法

一、问题一1.上传gitee之后,本地代码丢失2.解决办法:1.gitconfig--globaluser.name"聂志祎"2.gitconfig--globaluser.email""3.gitinit4.gitclone地址(复制gitee项目中点击克隆/下载的地址)发现本地代码并没有找回来,于是尝试别的办法(其他博主的博客里摘抄的)①没有commit,没有add操作基本可以放弃治疗了②没有commit,有add操作执行:gitfsck--lost-found在项目git目录下的/.git/lost-found/other里有add过的文件③执行了commit操作可以执行git refl

使用IDEA误配置Kotlin后项目报红,cannot resolve plugin org.apache.maven.plugins:<unknow>

今天使用IDEA搭建项目的过程中,总是弹出Kotlin配置的对话框,之前一直使用19版的IDEA,没有这个东西,20版默认加了IDEA插件,让人头大。在数次弹出配置对话框之后,无意点了“全部项目”,然后就导致所有项目报红,百度无结果,只能自己研究。先是打开插件,把kotlin插件关掉,然后打开项目设置,把项目下面写着的kotlin删掉。然后发现有些项目里面的target中存在kotlin关键字,于是把所有的target都删掉了(clean不掉,这个时候clean会报错,不能用)。还是不行,然后就开始研究pom文件,报错的、能删的都删掉了,刷新一下maven,总算是搞定了。说起来很简单,自己第一

webpack基本的配置

现在的前端,出现很多种可以提高开发效率的工具和框架,但是源码却不能直接运行,只有通过转换之后才能正常运行。那么构建就是把源码转化为可以执行的JavaScript、HTML和CSS代码。构建包含:代码转换【比如typescript编译为JavaScript,scss编译为CSS】;文件优化,比如压缩JavaScript,压缩合成图片;代码分割,提取公共代码,提取首页不需要执行的代码让它异步加载;模块合并,把模块分类合并成一个文件;自动刷新,监听本地源码的变化,自动重新构建、刷新浏览器;代码校验自动发布。基础webpackwebpack是一个打包模块化JavaScript的工具,通过loader转

【gradle构建spring源码报错io.spring.gradle:propdeps-plugin:0.0.9.RELEASE】

gradle构建源码报错找不到io.spring.gradle:propdeps-plugin:0.0.9.RELEASE使用gradle4.10.3构建spring5.1.8源码时报错尝试按照百度的方法更换阿里云仓库(未成功,报403错误),添加spring仓库(未成功,报401错误),报错未找到插件,猜测是仓库中插件的路径有问题,选择在仓库里找propdeps关键字搜索,最终的文件修改部分如下:build.gradle如下:buildscript{ repositories{ maven{url"https://maven.aliyun.com/repository/gradle-plu

uniapp:H5打包部署到github后文件`_plugin-vue_export-helper`访问不到

问题描述uniappH5打包部署到github后,下划线开头的一个文件_plugin-vue_export-helper访问不到,网络请求显示404解决办法需要修改配置vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//eslint-disable-next-lineno-control-regexconstINVALID_CHAR_REGEX=/[\u0000-\u001F"#$&*+,:;?[\]^`{|}\u007F]/g;constDRIVE_LETTER_REGEX=/^[a-z

一款将打包后的Chrome插件自动化加载到浏览器的webpack插件

一、简述今天向大家介绍一款可以将build打包后的chrome扩展程序自动化加载到chrome浏览器中的webpack插件,该webpack插件是我自己开发的,已经发布到了npm上,安装方式如下:npmiauto-load-chrome-ext-webpack-plugin二、解决的痛点前段时间在研究chrome插件开发过程中,由于我项目中使用了react进行页面开发,使用webpack打包项目,打包后每次要手动去打开浏览器,然后手动选择刚才打包后的chrome插件进行加载,这个过程有点繁琐,所以开发了这款webpack插件来进行自动化加载,我们只需要执行npmrunbuild,打包后的操作就