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

《基于 Vue 組件庫 的 Webpack5 配置》7.路徑別名 resolve.alias 和 性能 performance

這篇具有很好參考價(jià)值的文章主要介紹了《基于 Vue 組件庫 的 Webpack5 配置》7.路徑別名 resolve.alias 和 性能 performance。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

  1. 路徑別名 resolve.alias

    const path = require('path');
    
    module.exports = {
        resolve: {
            alias: {
                "@": path.resolve(__dirname, "./src/"),
                "@assets": path.resolve(__dirname, "./src/assets/"),
                "@mixins": path.resolve(__dirname, "./src/mixins/"),
                "@components": path.resolve(__dirname, "./src/components/"),
                "@images": path.resolve(__dirname, "./src/assets/images/")
            },
            extensions: [".*", ".js", ".vue", ".json"]
        }
    }
    
  2. 性能 performance文章來源地址http://www.zghlxwxcb.cn/news/detail-674085.html

    module.exports = {
        performance: {// 性能
            hints: 'warning', // 枚舉 false 關(guān)閉性能提示
            maxEntrypointSize: 10240000000000, // 最大入口文件大小
            maxAssetSize: 10240000000000, // 最大資源文件大小
        },
    }    
    

到了這里,關(guān)于《基于 Vue 組件庫 的 Webpack5 配置》7.路徑別名 resolve.alias 和 性能 performance的文章就介紹完了。如果您還想了解更多內(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)文章

  • 《基于 Vue 組件庫 的 Webpack5 配置》6.將字體庫和圖片等靜態(tài)資料,編譯后打包至指定文件夾

    參考 Rule.generator.filename package.json 的配置如下

    2024年02月11日
    瀏覽(29)
  • 基于 Vue3 + Webpack5 + Element Plus Table 二次構(gòu)建表格組件

    基于 Vue3 + Webpack5 + Element Plus Table 二次構(gòu)建表格組件

    基于 Vue3 + Webpack5 + Element Plus Table 二次構(gòu)建表格組件,開箱即用 A Vue 3.x Table Component built on Webpack 5 該組件庫可供學(xué)習(xí)、參考和用于二次開發(fā)。 1.基于 Webpack 5 構(gòu)建 2.全面支持 Vue 3 3.支持 JSON 序列化表格快速配置 4.已內(nèi)置 Pagination 分頁 5.支持自定義 prop 列名 6.支持單元格內(nèi)容自

    2024年04月13日
    瀏覽(29)
  • 《Webpack5 升級(jí)》- Vue2.x 組件庫 Webpack3 升 5

    基于 Vue2.x 的項(xiàng)目和組件庫開發(fā)于 2019 年 ,那時(shí)對(duì) Webpack 版本沒有概念,項(xiàng)目和組件庫的版本混亂…有的使用 v3 ,有的使用 v4 … 對(duì)于現(xiàn)今 2023 年(或 2024 年) 的整個(gè)生態(tài)環(huán)境是不夠用的,無法使用較新和更優(yōu)秀的插件。所以升級(jí) 勢(shì)在必行 ! 注意 本篇是 基于 Vue2.x 組件庫

    2024年02月03日
    瀏覽(17)
  • 基于vue3+webpack5+qiankun實(shí)現(xiàn)微前端

    基于vue3+webpack5+qiankun實(shí)現(xiàn)微前端

    一 主應(yīng)用改造(又稱基座改造) 1 在主應(yīng)用中安裝qiankun(npm i qiankun -S) ?2 在src下新建micro-app.js文件,用于存放所有子應(yīng)用。 ?3 改造vue.config.js,允許跨域訪問子應(yīng)用頁面 ?4 改造main.js ? 5 在App.vue中寫響應(yīng)跳轉(zhuǎn)子應(yīng)用(根據(jù)自己的項(xiàng)目找對(duì)應(yīng)位置寫,不局限于App.vue) ? 需要注

    2024年02月13日
    瀏覽(30)
  • 使用webpack5+TypeScript+npm發(fā)布組件庫

    使用webpack5+TypeScript+npm發(fā)布組件庫

    ? ? ? ? 作為一只前端攻城獅,沒有一個(gè)屬于自己的組件庫,那豈不是獅子沒有了牙齒,士兵沒有了武器,姑娘沒有了大寶SOD蜜,你沒有了我.... ? ? ? ? 言歸正傳,下面將給大家介紹如何通過webpack5編譯一個(gè)TS組件發(fā)布到NPM平臺(tái)。 ? ? ? ? 1、通過webpack5初始化一個(gè)typescript環(huán)

    2024年04月16日
    瀏覽(19)
  • 在vite+vue3項(xiàng)目中配置使用css預(yù)處理器(less/sass)以及路徑別名

    在vite+vue3項(xiàng)目中配置使用css預(yù)處理器(less/sass)以及路徑別名

    vite已經(jīng)將這些預(yù)處理器的loader內(nèi)置了,我們不用再像在webpack項(xiàng)目中那樣,需要下載和配置一堆相關(guān)的loader,我們只需要下載less,sass依賴,就能直接在項(xiàng)目中使用啦 使用npm或者yarn來安裝以下依賴: Less預(yù)處理器: npm install -D less Sass預(yù)處理器: npm install -D sass 如圖,下載之后

    2024年02月11日
    瀏覽(42)
  • webpack5高級(jí)配置

    webpack5高級(jí)配置

    注意:webpack5基本配置只是打包產(chǎn)出一個(gè)html文件?,想要產(chǎn)出多個(gè)html就需要進(jìn)行過入口的配置 webpack.common.js 注意:公共文件中的入口需要引入兩個(gè)js文件 ?webpack.prod.js 注意:輸出的時(shí)候利用[name]根據(jù)輸入的文件名來確定導(dǎo)出的文件名稱! webpack.common.js 注意:針對(duì)多個(gè)html文件

    2024年02月15日
    瀏覽(43)
  • Webpack5 搭建Vue項(xiàng)目(進(jìn)階版)

    提示:中間隔了好長(zhǎng)時(shí)間,我胡漢三又回來繼續(xù)更新了?。?!?????? 提示:文章涉及的一些內(nèi)容僅供參考: 大多數(shù)情況下,大家在項(xiàng)目開發(fā)的過程中,基本很少去說讓開發(fā)人員去自助的搭建一個(gè)Vue項(xiàng)目。 基本都是使用現(xiàn)成的一些模版項(xiàng)目,直接在上面進(jìn)行一個(gè)二次的開發(fā)

    2024年02月09日
    瀏覽(19)
  • Webpack5新手入門簡(jiǎn)單配置

    Webpack5新手入門簡(jiǎn)單配置

    yarn init -y ? yarn add -D webpack@5.75.0 webpack-cli@5.0.0 說明:寫入下面的一句話 說明:如果沒有安裝webpack腳手架就不能執(zhí)行yarn webpack(webpack-cli) yarn webpack? 說明:為yarn webpack起別名 ?yarn build 說明:注釋寫在了代碼里面了

    2024年02月14日
    瀏覽(27)
  • webpack5搭建react框架-生產(chǎn)環(huán)境配置

    webpack5搭建react框架-生產(chǎn)環(huán)境配置

    一、前言 在項(xiàng)目構(gòu)建時(shí)不同的環(huán)境下會(huì)有不同配置,在前面文章中已經(jīng)使用webpack5配置好了基礎(chǔ)環(huán)境和開發(fā)環(huán)境,但是在生產(chǎn)環(huán)境時(shí)有些配置和開發(fā)環(huán)境是不需要的,有些是可以在優(yōu)化的,所以下面繼續(xù)生產(chǎn)環(huán)境的配置。 二、生產(chǎn)環(huán)境配置 1、添加生產(chǎn)環(huán)境基礎(chǔ)配置 首先我們

    2023年04月13日
    瀏覽(20)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包