美文网首页
Node实现web多主题实现方案

Node实现web多主题实现方案

作者: peroLuo | 来源:发表于2019-11-26 14:06 被阅读0次

开发需求:不同域名下的web,可以自定义主题样式

解决方案:node+webpack+less打包成对应的主题样式

gitbub: webTheme

解决思路:

  1. node封装接口接受主题参数,修改对应的less变量文件,机器实现打包生成对应的css文件,然后上传到对应的cdn上,返回对应的css所对应的cdn地址。
  2. 在客户端,根据域名,动态匹配对应的css文件,挂载到link标签上。
  cnpm install
  node server.js
  浏览器打开: http://localhost:3000/?color=white&bg=blue

相关文章

  • Node实现web多主题实现方案

    开发需求:不同域名下的web,可以自定义主题样式 解决方案:node+webpack+less打包成对应的主题样式...

  • ios - android - web emoji互通方案及实现

    ios - android - web emoji互通方案及实现

  • ng2简单指令实现多主题功能(个人思路)

    多主题指的是我们的web程序可供用户选择相应的样式,纯前端实现与传统的结合后台实现不同,用户所选即所见,也不用刷新...

  • 5-廖雪峰-node-http

    使用node的http模块 用Node.js实现一个HTTP服务器程序非常简单。我们来实现一个最简单的Web程序h...

  • Node & Express

    安装 Node 用Node实现的简单Web服务器 创建一个 hello.js 文件 在和 helloWorld.j...

  • nginx安装,配置,https

    配置ssl:实现https+http并存 实现多站点配置(指向不同端口,我用于node),并实现http跳转htt...

  • Flutter 多语言&多主题实现

    目录 多语言实现 多主题实现 状态管理 切换多语言 切换多主题 多语言实现 1. AndroidStudio-> ...

  • 基于spring通过多数据源实现多租户应用

    背景 将您的 web 应用程序转化为多租户 SaaS 解决方案,介绍了将传统应用转化为saas服务时,需要实现的多...

  • whistle使用教程

    whistle--全新的跨平台web调试代理工具 whistle是基于Node实现的跨平台web调试代理工具,类似...

  • 简记下来这几天的开发过程, 实现http服务器的 post请求,web请求 node后台,node 从redis里...

网友评论

      本文标题:Node实现web多主题实现方案

      本文链接:https://www.haomeiwen.com/subject/hbimaqtx.html