vite.config.ts 自动导入静态资源或 cdn资源

7月前作者：wgod 分类：Toy博客阅读(31) 违法举报

这篇具有很好参考价值的文章主要介绍了vite.config.ts 自动导入静态资源或 cdn资源。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

vite.config.ts 自动导入静态资源或 cdn资源,vue.js

vite.config.ts
import htmlConfig from 'vite-plugin-html-config';
const htmlConfigs = htmlConfig({
  headScripts: [
    {
      src: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_plugins_js_plugin.js'
    },
    {
      src: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_luckysheet.umd.js'
    },
    
  ],
  links: [
    {
      rel: 'stylesheet',
      href: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_assets_iconfont_iconfont.css'
    },
    {
      rel: 'stylesheet',
      href: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_css_luckysheet.css'
    },
    {
      rel: 'stylesheet',
      href: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_plugins_css_pluginsCss.css'
    },
    {
      rel: 'stylesheet',
      href: 'js/cdn.jsdelivr.net_npm_luckysheet@latest_dist_plugins_plugins.css'
    },
  ]
});

vite.config.ts 自动导入静态资源或 cdn资源,vue.js

效果

vite.config.ts 自动导入静态资源或 cdn资源,vue.js 文章来源地址https://www.toymoban.com/news/detail-691293.html

到了这里，关于vite.config.ts 自动导入静态资源或 cdn资源的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

运行vite+vue3项目时报错： failed to load config from …/vite.config.ts error when starting dev server: Error: Cannot find module ‘node:path’ Require stack: /Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs 百度了发现是node版本不够，于是去升级node到16版本 1.清除npm缓存： 2.安装node版本管

2024年02月05日
浏览(44)
Vue+vite创建项目关于vite.config.js文件的配置

Vue项目创建时，我们见过vue-cli 创建项目和webpack 创建项目等方式。现在Vue 3版本使用npm/pnpm create vue@latest 创建项目，是搭配使用vite工具构建的。创建完成的项目，最明显的去别就是，项目配置文件命名不同，当然，配置语法也有不同。 vue-cli 创建的项目，项目配置文件文件

2024年02月12日
浏览(45)
vite项目在jenkins自动打包报错：failed to load config from ../vite.config.js You installed esbuild on

在window环境开发用的找不到 esbuild-windows-64 ，在linux环境构建需要使用 esbuild-linux-64 ，找不到 esbuild-linux-64 就会报错实际报错：报错原因： vite在linux环境打找不到 esbuild-linux-64 2种解决方案： 1、在linux环境下，打包前先 npm i esbuild-linux-64 2、在外网windows环境下运行以下命令（

2024年02月13日
浏览(45)
uniapp导入echarts类库开发图表类小程序vue3+ts+vite

微信小程序和抖音小程序等都支持：使用步骤如下第一步：下载插件包下载echarts插件包，并导入到项目中，然后使用插件中的组件创建容器，并导入数据就可以了。 echarts插件包地址：echarts - DCloud 插件市场如果你是使用hbuilder写的，可以直接导入，如果你是vscode写的，就

2024年01月21日
浏览(37)
vue中vite.config.js配置跨域以及环境配置详解

我们的 .env.development 和 .env.production 文件里面都会有 VITE_APP_ENV 配置: 在我们的 vite.config.js文件中: 以上是 vite.config.js 的配置,上面展示了在不同环境下去请求对应环境的域名并且配置代理进行跨域. 1.在vue.config.js中设置一下代码: 2. 创建axioss实例时,将baseUrl设置为 \\\'/api\\\'

2024年02月15日
浏览(39)
vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题

非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域 vite的proxy代理和vue-cli的proxy大致相同，需要在vite.config.js文件中配置（打包配置也在此）代理配置在server中，可以上vite官网服务器选项查看server.proxy代码示例：开发服务器选

2024年01月21日
浏览(50)
Vue3+TS+Vite创建项目，并导入Element-plus和Sass

1.桌面新建一个文件夹Vue3-app 打开编辑器导入文件夹，编辑器打开终端输入或者命令行工具cd到项目目录下输入 npm init vue@latest 回车运行这里我选择了TS+Vite来开发，并选择安装路由 2.cd到 vue-project目录下输入 npm install 回车运行 3.安装完成后输入 npm run dev 回车运行浏览器打开

2024年02月16日
浏览(45)
vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”

前言我们在搭建vue3项目的时候不可避免的会遇到“代理”、“端口”、“打包名”、“图片压缩”等配置问题，本文逐一讲述该怎么样在vite.config.js中去配置。一、配置代理端口和代理转发 vite.config.ts添加如下代码 ts.config.json添加如下代码图片压缩先要引入vite-plugin-imagem

2024年02月07日
浏览(67)
vite.config.ts常规配置（publicPath）

@vue.confing.js中的publicPath属性变为base属性 import { defineConfig } from ‘vite’ import vue from ‘@vitejs/plugin-vue’ // 单文件组件支持 /** Vue 3 单文件组件支持：@vitejs/plugin-vue Vue 3 JSX 支持：@vitejs/plugin-vue-jsx Vue 2.7 支持：vitejs/vite-plugin-vue2 Vue 2.7 的支持：underfin/vite-plugin-vue2 / import AutoImpor

2024年02月04日
浏览(21)
vite.config.ts中的配置与打包

vite打包后发现所有的css，js，png等都在static文件夹内，配置vite.config.js实现分割代码并存于不同的文件中 vite.config.ts中配置build

2024年02月16日
浏览(21)