当前位置: 首页 > news >正文

wordpress繁简体seo的理解

wordpress繁简体,seo的理解,WordPress新闻面包屑主题,wordpress怎么盈利背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用. vite,vue3项目直接引入DataV 安…背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用. vite,vue3项目直接引入DataV 安装 npm install jiaminghi/data-view使用 import dataV from jiaminghi/data-view;app.use(dataV)引入后报错 template v-for 绑定key 解决方式: 使用patch-package给源码打补丁 报错Uncaught SyntaxError: The requested module /node_modules/jiaminghi/c-render/lib/index.js?vc576b840 does not provide an export named default 这是因为vite开发时会对依赖进行预构建,由于dataV源码中引入了其他commonjs包,而vite没有将这些依赖预构建转成esm,所以需要在vite.config.js中配置告知vite哪些依赖需要转成esm格式,配置在optimizeDeps.include,就可以愉快使用了. 配置如下: export default defineConfig({// ... 省略其他配置optimizeDeps: {// 开发时 解决这些commonjs包转成esm包include: [jiaminghi/c-render,jiaminghi/c-render/lib/plugin/util,jiaminghi/charts/lib/util/index,jiaminghi/charts/lib/util,jiaminghi/charts/lib/extend/index,jiaminghi/charts,jiaminghi/color,],},build: {// 打包时需要另外处理的commonjs规范的包commonjsOptions: {include: [/node_modules/, // 必须包含],},}, });fork一份dataV源码添加多vue3打包方式,发布npm包 iamzzg/data-view仓库地址 改造过程 增加打包入口文件 源码构建源码 增加入口文件: 打包过程中发现缺少rollup和less,需要安装,为了同时打包vue2和vue3的格式,需要编译vue文件,vue2需要vue-template-compiler,vue3需要vue/compiler-sfc,对应的rollup-plugin-vue版本是6和5.1.6 修改了rollup.config.js配置的插件顺序,否则打包不了 import resolve from rollup-plugin-node-resolve; import vue from rollup-plugin-vue; import commonjs from rollup-plugin-commonjs; import babel from rollup-plugin-babel; import postcss from rollup-plugin-postcss; import vue2 from rollup-plugin-vue2;const bundleFormats [umd, esm, cjs, iife]; const vueVersions [vue2, vue3];const isVue3 (v) v vue3; const isUmd (v) v umd; const isCjs (v) v cjs; const isIife (v) v iife;const getRollupConfig (bundleFormat, vueVersion vue2) {const vuePlugin isVue3(vueVersion) ? vue : vue2;return {input: build/${isVue3(vueVersion) ? vue3-entry/ : }entry.${bundleFormat}.js,output: {format: bundleFormat,file: dist/${isVue3(vueVersion) ? vue3/ : }datav.map.vue.${isUmd(bundleFormat) ? : bundleFormat .}js,name: datav,...(isUmd(bundleFormat) || isIife(bundleFormat)? {globals: {// 模块名: 变量名vue: Vue,},}: {}),...(isCjs(bundleFormat) ? { exports: named } : {}),...(isUmd(bundleFormat) isVue3(vueVersion) ? { exports: default } : {}),},plugins: [// rollup-plugin-vue 6.0.0版本 插件必须放在第一,需要postcss插件处理,sfc使用less,需安装lessvuePlugin({preprocessStyles: true,// 预处理css}),resolve(),babel({exclude: node_modules/**,}),commonjs(),postcss(),],// 外部包external: [vue],}; };const configs []; bundleFormats.forEach((format) {vueVersions.forEach((vueVersion) {const config getRollupConfig(format, vueVersion);configs.push(config);}); });export default configs;发布npm包 修改包名为iamzzg/data-view npm login npm publish --accesspublic打包后Vue3使用方式 datav 打包成 vue3 的版本在 dist/vue3 文件夹下 umd 使用方式 未托管到 cdn,可以直接复制dist/vue3/datav.map.vue.js script srcdist/vue3/datav.map.vue.js/script script// app是createApp()的返回值app.use(datav); /scriptesm 使用方式 安装 npm i iamzzg/data-view全局注册 import datav from iamzzg/data-view/dist/vue3/datav.map.vue.esm;app.use(datav);按需导入,和 vue2 方式一致 import { borderBox1 } from iamzzg/data-view/dist/vue3/datav.map.vue.esm; app.use(borderBox1);
http://www.huolong8.cn/news/333409/

相关文章:

  • 焦作建设网站哪家好中文wordpress主题下载
  • 中国住房和城乡建设部网站注册中心高校网站建设 调查
  • 网站分辨率自适应代码开封网站建设价格
  • 彩票网站制作找谁企业建站的费用
  • 网站制作模板程序学校加强网站建设
  • 创建个人网站怎么做平度建设局网站
  • 网站页面 原则wordpress指定文章评论
  • 用wordpress开发网站模板免费跨境电商网站
  • 乐清英文网站建设百度网站收录更新
  • 做球球棒棒糖网站源码网站建设业务元提成
  • 网站对联广告无锡做网站公司哪家比较好
  • 北京丰台区做网站公司网页设计与制作dw
  • 个人备案可以建企业网站吗网站建设的ppt模板
  • 网站空间商推荐实用网站建设期末考试
  • 如何做网站导航栏wordpress query_posts()
  • 单项否决 网站建设wordpress 后台主题不显示
  • 网站建设好处费热血传奇
  • 没有备案的网站可以做淘宝客制作一个网站的费用
  • 用php做网站的书籍服务器建立网站
  • 高校网站建设的问题及对策建设银行征信中心官方网站
  • 网站服务器停止响应是什么意思济南网站建设开发公司哪家好
  • 可以直接进入的网站正能量大豆网长沙装修公司招聘
  • 广州网站建设怎样做wordpress注释插件
  • 网站怎么上百度网络营销方式有哪些分类
  • 找施工队伍去什么网站网站开发记科目
  • 江苏省国家示范校建设专题网站温州外贸企业网站建设
  • 南宁两学一做网站建设部人事教育司网站
  • 珠海网站排名提升公司网页制作官网
  • 辽宁省住房和建设厅网站网站制作报价开
  • 网站透明效果张家口职教中心计算机网站建设