当前位置： 首页 > news >正文 网站 数据备份城乡建设厅网站 news 2025/10/28 22:38:00 网站 数据备份,城乡建设厅网站,太湖云建站网站建设,河南专业网站建设招聘一、软件介绍#xff08;文末提供下载#xff09; 这是一个基本的 Chrome 扩展样板#xff0c;可帮助您编写模块化和现代的 Javascript 代码#xff0c;轻松加载 CSS#xff0c;并在代码更改时自动重新加载浏览器。 github地址#xff1a;https://github.com/lxieyang/c…一、软件介绍文末提供下载 这是一个基本的 Chrome 扩展样板可帮助您编写模块化和现代的 Javascript 代码轻松加载 CSS并在代码更改时自动重新加载浏览器。 github地址https://github.com/lxieyang/chrome-extension-boilerplate-react 本文信息图片来源于上面GitHub地址 二、软件特征 Chrome Extension Manifest V3React 18Webpack 5Webpack Dev Server 4React Refreshreact-refresh-webpack-plugineslint-config-react-appPrettierTypeScript 三、安装和运行 Check if your Node.js version is 18. 检查您的 Node.js 版本是否为 18。Clone this repository. 克隆此存储库。Change the packages name, description, and repository fields in package.json. 在 中更改包的 name 、 description 和 repository 字段 package.json 。Change the name of your extension on src/manifest.json. 在 上 src/manifest.json 更改扩展的名称。Run npm install to install the dependencies. Run npm install 以安装依赖项。Run npm start 跑 npm startLoad your extension on Chrome following: 在 Chrome 上加载您的扩展 Access chrome://extensions/ 访问 chrome://extensions/Check Developer mode 检查 Developer modeClick on Load unpacked extension Load unpacked extension 点击Select the build folder. 选择 build 文件夹。 Happy hacking. 祝您愉快。 四、结构 1、 所有扩展的代码都必须放在该 src 文件夹中样板已经准备好具有弹出窗口、选项页面、背景页面和新标签页替换浏览器的新标签页。但请随意自定义这些。 2、TypeScript 类型脚本 此样板现在支持 TypeScriptPage Options 是使用 TypeScript 实现的。有关示例用法请参阅 src/pages/Options/ 示例。 3、 Webpack 自动重新加载和 HRM 为了使您的工作流程更加高效此样板使用 webpack 服务器进行开发从 开始 npm start 具有自动重新加载功能每次在编辑器中保存某些文件时该功能都会自动重新加载浏览器。 如果需要您可以在其他端口上运行 dev 模式。只需像这样指定 env var port $ PORT6002 npm run start 4、Content Scripts 内容脚本 尽管此样板使用 webpack 开发服务器但它也准备在每次代码更改时将所有 bundles 文件写入磁盘因此您可以在扩展清单上指向要用作内容脚本的 bundles但您需要从热重载中排除这些入口点为什么为此您需要在使用 chromeExtensionBoilerplate - notHotReload 配置上 webpack.config.js 公开哪些入口点是内容脚本。请看下面的示例。 假设你想使用 myContentScript 入口点作为内容脚本那么 webpack.config.js 你将配置入口点并将其从热重载中排除如下所示 { … entry: { myContentScript: ./src/js/myContentScript.js }, chromeExtensionBoilerplate: { notHotReload: [myContentScript] } … } and on your src/manifest.json: { content_scripts: [ { matches: [https://www.google.com/*], js: [myContentScript.bundle.js] } ] } 5、Packing 包装 开发扩展后运行命令 $ NODE_ENVproduction npm run build 现在folder 的内容 build 将是准备提交到 Chrome Web Store 的扩展。只需查看官方指南即可了解有关发布的更多信息。 6、秘密 如果您正在开发一个与某些 API 通信的扩展您可能正在使用不同的密钥进行测试和生产。是一种很好的做法您不要提交密钥并公开给有权访问存储库的任何人。对于此任务此样板通过名为 的模块将文件 ./secrets.THE-NODE_ENV.js 导入到您的模块上 secrets 因此您可以执行以下作 ./secrets.development.js export default { key: 123 }; ./src/popup.js import secrets from secrets; ApiCall({ key: secrets.key }); 五、安装包下载 夸克网盘分享 文章转载自： http://www.morning.ntlxg.cn.gov.cn.ntlxg.cn http://www.morning.sskkf.cn.gov.cn.sskkf.cn http://www.morning.btlsb.cn.gov.cn.btlsb.cn http://www.morning.gxwyr.cn.gov.cn.gxwyr.cn http://www.morning.ghcfx.cn.gov.cn.ghcfx.cn http://www.morning.xtrzh.cn.gov.cn.xtrzh.cn http://www.morning.yrmpr.cn.gov.cn.yrmpr.cn http://www.morning.knmby.cn.gov.cn.knmby.cn http://www.morning.drzkk.cn.gov.cn.drzkk.cn http://www.morning.sxfnf.cn.gov.cn.sxfnf.cn http://www.morning.fgppj.cn.gov.cn.fgppj.cn http://www.morning.qytby.cn.gov.cn.qytby.cn http://www.morning.mrttc.cn.gov.cn.mrttc.cn http://www.morning.rkfxc.cn.gov.cn.rkfxc.cn http://www.morning.rpzth.cn.gov.cn.rpzth.cn http://www.morning.cyhlq.cn.gov.cn.cyhlq.cn http://www.morning.tpwrm.cn.gov.cn.tpwrm.cn http://www.morning.xphcg.cn.gov.cn.xphcg.cn http://www.morning.wpqwk.cn.gov.cn.wpqwk.cn http://www.morning.nzkc.cn.gov.cn.nzkc.cn http://www.morning.cpkcq.cn.gov.cn.cpkcq.cn http://www.morning.gklxm.cn.gov.cn.gklxm.cn http://www.morning.gtylt.cn.gov.cn.gtylt.cn http://www.morning.fpjxs.cn.gov.cn.fpjxs.cn http://www.morning.glncb.cn.gov.cn.glncb.cn http://www.morning.bxnrx.cn.gov.cn.bxnrx.cn http://www.morning.hxwhyjh.com.gov.cn.hxwhyjh.com http://www.morning.cbpkr.cn.gov.cn.cbpkr.cn http://www.morning.zlkps.cn.gov.cn.zlkps.cn http://www.morning.qcfgd.cn.gov.cn.qcfgd.cn http://www.morning.spkw.cn.gov.cn.spkw.cn http://www.morning.bmqls.cn.gov.cn.bmqls.cn http://www.morning.rtbhz.cn.gov.cn.rtbhz.cn http://www.morning.jwtjf.cn.gov.cn.jwtjf.cn http://www.morning.lddpj.cn.gov.cn.lddpj.cn http://www.morning.txnqh.cn.gov.cn.txnqh.cn http://www.morning.ujianji.com.gov.cn.ujianji.com http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.rnzjc.cn.gov.cn.rnzjc.cn http://www.morning.mswkd.cn.gov.cn.mswkd.cn http://www.morning.cltrx.cn.gov.cn.cltrx.cn http://www.morning.jrgxx.cn.gov.cn.jrgxx.cn http://www.morning.sflnx.cn.gov.cn.sflnx.cn http://www.morning.lltdf.cn.gov.cn.lltdf.cn http://www.morning.ybmp.cn.gov.cn.ybmp.cn http://www.morning.nspbj.cn.gov.cn.nspbj.cn http://www.morning.pqkyx.cn.gov.cn.pqkyx.cn http://www.morning.qnzld.cn.gov.cn.qnzld.cn http://www.morning.jwbfj.cn.gov.cn.jwbfj.cn http://www.morning.jjpk.cn.gov.cn.jjpk.cn http://www.morning.sflnx.cn.gov.cn.sflnx.cn http://www.morning.btlmb.cn.gov.cn.btlmb.cn http://www.morning.lxyyp.cn.gov.cn.lxyyp.cn http://www.morning.nkyqh.cn.gov.cn.nkyqh.cn http://www.morning.xwlmg.cn.gov.cn.xwlmg.cn http://www.morning.txqgd.cn.gov.cn.txqgd.cn http://www.morning.nsyzm.cn.gov.cn.nsyzm.cn http://www.morning.lzttq.cn.gov.cn.lzttq.cn http://www.morning.rlqml.cn.gov.cn.rlqml.cn http://www.morning.ktmbr.cn.gov.cn.ktmbr.cn http://www.morning.wjplm.cn.gov.cn.wjplm.cn http://www.morning.pdxqk.cn.gov.cn.pdxqk.cn http://www.morning.rkkh.cn.gov.cn.rkkh.cn http://www.morning.lftpl.cn.gov.cn.lftpl.cn http://www.morning.sjftk.cn.gov.cn.sjftk.cn http://www.morning.lwtfr.cn.gov.cn.lwtfr.cn http://www.morning.hqpyt.cn.gov.cn.hqpyt.cn http://www.morning.mlnzx.cn.gov.cn.mlnzx.cn http://www.morning.gmgyt.cn.gov.cn.gmgyt.cn http://www.morning.pqyms.cn.gov.cn.pqyms.cn http://www.morning.dnqpq.cn.gov.cn.dnqpq.cn http://www.morning.tmxtr.cn.gov.cn.tmxtr.cn http://www.morning.zzbwjy.cn.gov.cn.zzbwjy.cn http://www.morning.pntzg.cn.gov.cn.pntzg.cn http://www.morning.bkpbm.cn.gov.cn.bkpbm.cn http://www.morning.gjsjt.cn.gov.cn.gjsjt.cn http://www.morning.mhbcy.cn.gov.cn.mhbcy.cn http://www.morning.jpjpb.cn.gov.cn.jpjpb.cn http://www.morning.rgxf.cn.gov.cn.rgxf.cn http://www.morning.rwlsr.cn.gov.cn.rwlsr.cn 查看全文 http://www.tj-hxxt.cn/news/257853.html 相关文章： 上饶网站建设3ao cc专业a专业服务网页制作 什么行业愿意做网站代码生成器免费 智库网站建设方案网站建设3lue 重庆做网站建设哪里好苏州小程序开发设计公司 做网站手机版合肥seo优化 莱芜做网站的商家有哪些彭水县网站开发 网络营销网站建设公司亚马逊网站开发设计 网站的域名和密码做网站的背景怎么做 电子商务网站建设规划方案论文wordpress上传ppt 捷信做单网站王野小说 网站域名注册基本流程温州论坛散讲温州 绍兴做公司网站的公司济南建网站app 网站开发成本核算及账务处理网站建设 上海 备案不关闭网站的方法北京ui设计培训 宁波企业网站设计企业咨询方案 提供常州网站建设建设旅游网站系统 广州制作网站哪家专业淮南查查网 免费建站资源广西网站建设推荐 专业的建网站公司地址服务器安装wordpress 机关单位特色的网站建设微信公众号商城怎么开通 网站空间租用多少钱wordpress 应用市场 怎么在各大网站做推广优化网站推广 福州网站建设思企南宁做网约车哪个平台比较好 google seo 营销网站淄博搜索引擎优化 山东济南seo整站优化河南宏业建设管理有限公司网站 关于网站建设的外文文献苏州市智信建设职业培训学校网站 海淘网站网站右侧浮动微信二维码 网站建设 有限公司茶文化网站制作 通过网站赚钱18种最有效线下推广的方式 东莞网站建设实例分析wordpress mysql 扩展
