国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vite.config.ts常規(guī)配置(publicPath)

這篇具有很好參考價(jià)值的文章主要介紹了vite.config.ts常規(guī)配置(publicPath)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

@vue.confing.js中的publicPath屬性變?yōu)閎ase屬性
import { defineConfig } from ‘vite’
import vue from ‘@vitejs/plugin-vue’ // 單文件組件支持
/**文章來源地址http://www.zghlxwxcb.cn/news/detail-440977.html

  • 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 AutoImport from ‘unplugin-auto-import/vite’ // 使用后可以不手動(dòng)引入ref reactive onMounted這些api
    import Components from ‘unplugin-vue-components/vite’ // vite的按需引入自定義組件庫
    // import { ElementPlusResolver } from ‘unplugin-vue-components/resolvers’ // ElementPlus
    import { NaiveUiResolver } from ‘unplugin-vue-components/resolvers’ // NaiveUi組件
    import path from “path”; // 和NodeJS “path”模塊一樣
    /
    *
  • 自定義組件自動(dòng)引入 unplugin-vue-components
  • element-plus 組件自動(dòng)引入 unplugin-vue-components
  • vue3等插件 hooks 自動(dòng)引入 unplugin-auto-import/vite
  • message, notification 等引入樣式自動(dòng)引入 vite-plugin-style-import
    /
    export default defineConfig({
    // 需要用到的插件數(shù)組。Falsy 虛值的插件將被忽略,插件數(shù)組將被扁平化(flatten)
    plugins: [
    vue(),
    AutoImport({
    resolvers: [NaiveUiResolver()],
    imports: [
    “vue”,
    {
    “naive-ui”: [
    “useD

到了這里,關(guān)于vite.config.ts常規(guī)配置(publicPath)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue3項(xiàng)目vite.config.js配置“代理”、“端口”、“打包名”、“圖片壓縮”

    前言 我們?cè)诖罱╲ue3項(xiàng)目的時(shí)候不可避免的會(huì)遇到“代理”、“端口”、“打包名”、“圖片壓縮”等配置問題,本文逐一講述該怎么樣在vite.config.js中去配置。 一、配置代理端口和代理轉(zhuǎn)發(fā) vite.config.ts添加如下代碼 ts.config.json添加如下代碼 圖片壓縮先要引入vite-plugin-imagem

    2024年02月07日
    瀏覽(20)
  • vite.config.ts中的配置與打包

    vite打包后發(fā)現(xiàn)所有的css,js,png等都在static文件夾內(nèi),配置vite.config.js實(shí)現(xiàn)分割代碼并存于不同的文件中 vite.config.ts中配置build

    2024年02月16日
    瀏覽(15)
  • vite.config.js配置-解決跨域問題,以及@vitejs/plugin-vue等報(bào)錯(cuò)

    vite.config.js配置-解決跨域問題,以及@vitejs/plugin-vue等報(bào)錯(cuò)

    在配置的過程中踩了很多坑,還是太菜,有些東西弄不明白什么意思。 運(yùn)行項(xiàng)目時(shí)的報(bào)錯(cuò)可直接到最下面看vite.config.js文件的注釋 目前項(xiàng)目用到的模塊并不多,package.json文件如下 其實(shí)主要還是這些模塊的版本兼容問題 vite的版本最開始是1.0.0,后面很多地方搞不下去了才卸載

    2023年04月08日
    瀏覽(22)
  • vite+vue3運(yùn)行項(xiàng)目報(bào)錯(cuò)failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

    vite+vue3運(yùn)行項(xiàng)目報(bào)錯(cuò)failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

    運(yùn)行vite+vue3項(xiàng)目時(shí)報(bào)錯(cuò): 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 百度了發(fā)現(xiàn)是node版本不夠,于是去升級(jí)node到16版本 1.清除npm緩存: 2.安裝node版本管

    2024年02月05日
    瀏覽(38)
  • vite.config.js詳細(xì)配置。

    vite.config.js詳細(xì)配置。

    Vue3+vite vite和webpack區(qū)別? 1.vite服務(wù)器啟動(dòng)速度比webpack快,由于vite啟動(dòng)的時(shí)候不需要打包,也就無需分析模塊依賴、編譯,所以啟動(dòng)速度非???。當(dāng)瀏覽器請(qǐng)求需要的模塊時(shí),再對(duì)模塊進(jìn)行編譯,這種按需動(dòng)態(tài)編譯的模式,極大縮短了編譯時(shí)間,當(dāng)項(xiàng)目越大,文件越多時(shí),

    2024年01月16日
    瀏覽(13)
  • React 配置別名 @ ( js/ts 項(xiàng)目中通過 webpack.config.js 配置)

    在 Vue 項(xiàng)目當(dāng)中,可以使用? @ ?來表示? src/ ,但在 React 項(xiàng)目中,默認(rèn)卻沒有該功能,因此需要進(jìn)行手動(dòng)的配置來實(shí)現(xiàn)該功能。 別名主要解決的問題:每個(gè)頁面都使用路徑的方式進(jìn)行引入,這樣很麻煩,效率很低,這個(gè)時(shí)候可以配置一個(gè)別名,來直接使用別名引入。 使用

    2024年02月09日
    瀏覽(19)
  • 【Vue3+Ts+Vite】配置滾動(dòng)條樣式
  • vite.config.ts 自動(dòng)導(dǎo)入靜態(tài)資源 或 cdn資源
  • vue3-ts-vite:vue 項(xiàng)目 配置 多頁面應(yīng)用

    vue3-ts-vite:vue 項(xiàng)目 配置 多頁面應(yīng)用

    一、Vue項(xiàng)目,什么是多頁面應(yīng)用 Vue是一種單頁面應(yīng)用程序(SPA)框架,這意味著Vue應(yīng)用程序通常只有一個(gè)HTML頁面,而在該頁面上進(jìn)行動(dòng)態(tài)的內(nèi)容更改,而不是每次都加載新的HTML頁面。? 但是,有時(shí)候我們需要在同一應(yīng)用程序中擁有多個(gè)獨(dú)立的頁面,每個(gè)頁面都可以單獨(dú)處理

    2024年02月14日
    瀏覽(45)
  • vue3+Vite+TS項(xiàng)目,配置ESlint和Prettier

    vue3+Vite+TS項(xiàng)目,配置ESlint和Prettier

    實(shí)操過的有兩種方式 1.vue腳手架 2.vite(推薦,也是尤大大團(tuán)隊(duì)研發(fā)) 具體怎么新建一個(gè)vue3項(xiàng)目就不多講了,可以按照官方文檔來 創(chuàng)建后的文件目錄長(zhǎng)這樣 多提一句,vite也會(huì)隨著時(shí)間不斷迭代,后續(xù)項(xiàng)目結(jié)構(gòu)可能還會(huì)發(fā)生變化,當(dāng)前使用的vue版本 和vite版本也一并貼出來 下

    2024年04月15日
    瀏覽(42)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包