VUE中babel.config.js配置按需引入

VUE中babel.config.js配置

@vue/cli-plugin-babel/preset'是一款 babel 插件,它會在編譯過程中將 import 引入自動轉換為按需引入的方式。

module.exports = {presets: ['@vue/cli-plugin-babel/preset'],plugins: [['import', {libraryName: 'element-ui',libraryDirectory: 'es',style: true}, 'element-ui']]
}

presets:預置
plugins:插件
libraryName:庫名
libraryDirectory:庫目錄
es:

注: 采用了 es6 module 的項目建議配置 libraryDirectory 為 es,即使用通過 import (es6 module) 引用模塊的文件。這種情況打包后的體積要更小一些。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/41038.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/41038.shtml
英文地址,請注明出處:http://en.pswp.cn/news/41038.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

系統架構設計師---多媒體技術及其應用

概念 媒體:承載信息的載體。 多媒體:數字、文字、聲音、圖形、圖像和動畫等各種媒體的有機組合,并與先進的計 算機、通信和廣播電視技術相結合,形成一個可組織、存儲、操縱和控制多媒體信息的集成環境和 交互系統。 多媒體技術:以數字化為基礎,能夠對多…

召集令:CloudQuery 社區有獎征文活動來啦!

CloudQuery 社區第一期征文活動來襲!!!只要你對 CloudQuery 產品感興趣,或者是希望了解 CQ ,都可以來參加,在本期活動中,我們也為大家準備了多種主題供你選擇,CQ 使用案例、版本對比…

udp與can通信的選擇與比較

UDP(用戶數據報協議)和CAN(控制器局域網)是兩種不同的通信協議,它們在實時傳遞性上有一些區別。 UDP是一種無連接的傳輸協議,它提供了簡單的、不可靠的數據傳輸。UDP不提供可靠性保證、流控制或重傳機制。…

EMO實戰:使用EMO實現圖像分類任務(一)

文章目錄 摘要安裝包安裝timm安裝 grad-cam安裝einops 數據增強Cutout和MixupEMA項目結構計算mean和std生成數據集 摘要 論文翻譯:https://blog.csdn.net/m0_47867638/article/details/132034098?spm1001.2014.3001.5501 官方源碼:https://github.com/…

shell的兩種屬性: 交互(interactive)與登錄(login)

1. 背景 在看shell變量的時候引起了興趣: 局部變量,全局變量,環境變量,shell的配置文件,參考博客: http://c.biancheng.net/view/773.html 2. 交互式與非交互式 參考博客: shell的兩個屬性:是否交互式(interactive), 是否登錄…

生產環境下的終極指南:使用 Docker 部署 Nacos 集群和 MySQL

🌷🍁 博主貓頭虎 帶您 Go to New World.?🍁 🦄 博客首頁——貓頭虎的博客🎐 🐳《面試題大全專欄》 文章圖文并茂🦕生動形象🦖簡單易學!歡迎大家來踩踩~🌺 &a…

01-集群安裝JDK(普通用戶)

機器部署 集群規劃 我們準備三臺服務器kk01、kk02、kk03,內存4G、硬盤50G、處理器4核心2內核(總8) kk01使用 192.168.188.128 kk02使用 192.168.188.129 kk03使用 192.168.188.130 模板機準備 我們先創建一臺作為模板機,后…

C++ 11 新特性 學習筆記

1、字符串原始字面量 R“()”用于取消轉義,可用于路徑表示 運行成功 這兩個RawValue起到描述作用(可以不寫),并不參與輸出 注意,這里輸出中文亂碼 2、nullptr NULL在C中表示0,在非C中表示萬能指針 nullpt…

Vue3 使用json編輯器

安裝 npm install json-editor-vue3 main中引入 main.js 中加入下面代碼 import "jsoneditor";不然會有報錯&#xff0c;如jsoneditor does not provide an export named ‘default’。 圖片信息來源-github 代碼示例 <template><json-editor-vue class…

SQL | 分組數據

10-分組數據 兩個新的select子句&#xff1a;group by子句和having子句。 10.1-數據分組 上面我們學到了&#xff0c;使用SQL中的聚集函數可以匯總數據&#xff0c;這樣&#xff0c;我們就能夠對行進行計數&#xff0c;計算和&#xff0c;計算平均數。 目前為止&#xff0c…

ESP-C3入門21. I2C接口點亮1306驅動的OLED屏

ESP-C3入門21. 點亮1306驅動的OLED屏 一、Espressif/ssd1306 驅動簡介1. 驅動介紹2. OLED充電泵概念 二、I2C 通訊步驟1. 初始化 I2C 總線 (i2c_master_init()函數)&#xff1a;2. 創建 I2C 命令句柄 (i2c_cmd_handle_t cmd i2c_cmd_link_create())&#xff1a;3. 發送啟動信號…

【C#】獲取電腦CPU、內存、屏幕、磁盤等信息

通過WMI類來獲取電腦各種信息&#xff0c;參考文章&#xff1a;WMI_04_常見的WMI類的屬性_wmi scsilogicalunit_fantongl的博客-CSDN博客 自己整理了獲取電腦CPU、內存、屏幕、磁盤等信息的代碼 #region 系統信息/// <summary>/// 電腦信息/// </summary>public p…

flinksql報錯 Cannot determine simple type name “org“

flink版本 1.15 報錯內容 2023-08-17 15:46:02 java.lang.RuntimeException: Could not instantiate generated class WatermarkGenerator$0at org.apache.flink.table.runtime.generated.GeneratedClass.newInstance(GeneratedClass.java:74)at org.apache.flink.table.runt…

低功耗、5Mbps、RS-422 接口電路MS2583/MS2583M

MS2583/MS2583M 是一款低功耗、 5Mbps 、高 ESD 能力的 RS422 通訊接口電路。 在接收狀態下&#xff0c;其功耗僅為 0.3mA 左右。 A/B 端 ESD 耐壓可達 15kV &#xff0c;且無自激現象。當輸出短路發生大電 流導致電路溫度過高時&#xff0c;開啟內部過溫保護電路&…

go 使用 make 初始化 slice 切片使用注意

go 使用 make 初始化 slice 切片 時指定長度和不指定長度的情況 指定長度 package mainimport "fmt"func main() {s1 : make([]int, 5)data : []int{1, 2, 3}for _, v : range data {s1 append(s1, v)}fmt.Println(s1) }// 以上代碼會輸出 // [0 0 0 0 0 1 2 3] //…

vue中的路由緩存和解決方案

路由緩存的原因 解決方法 推薦方案二&#xff0c;使用鉤子函數beforeRouteUpdate&#xff0c;每次路由更新前執行

手寫spring筆記

手寫spring筆記 《Spring 手擼專欄》筆記 IoC部分 Bean初始化和屬性注入 Bean的信息封裝在BeanDefinition中 /*** 用于記錄Bean的相關信息*/ public class BeanDefinition {/*** Bean對象的類型*/private Class beanClass;/*** Bean對象中的屬性信息*/private PropertyVal…

MFC第三十天 通過CToolBar類開發文字工具欄和工具箱、GDI+邊框填充以及基本圖形的繪制方法、圖形繪制過程的反色線模型和實色模型

文章目錄 CControlBar通過CToolBar類開發文字工具欄和工具箱CMainFrame.hCAppCMainFrm.cppCMainView.hCMainView.cppCEllipse.hCEllipse.cppCLine.hCLine.cppCRRect .hCRRect .cpp CControlBar class AFX_NOVTABLE CControlBar : public CWnd{DECLARE_DYNAMIC(CControlBar)pro…

OC調用Swift編寫的framework

一、前言 隨著swift趨向穩定&#xff0c;越來越多的公司都開始用swift來編寫蘋果相關的業務了&#xff0c;關于swift的利弊這里就不多說了。這里詳細介紹OC調用swift編寫的framework庫的步驟 二、制作framework 1、新建項目&#xff0c;選擇framework 2、填寫framework的名稱…

AutoHotkey:定時刪除目錄下指定分鐘以前的文件,帶UI界面

刪除指定目錄下&#xff0c;所有在某個指定分鐘以前的文件&#xff0c;可以用來清理經常生成很多文件的目錄&#xff0c;但又需要保留最新的一部分文件 支持拖放目錄到界面 能夠記憶設置&#xff0c;下次啟動后不用重新設置&#xff0c;可以直接開始 應用場景比如&#xff1a…