tag vue-cli3

標籤
貢獻12
77
09:11 AM · Nov 03 ,2025
chengxuyuanyouyage 頭像 dirackeeko 頭像 vleedesigntheory 頭像 shijingjing_5ab4aa131e343 頭像 fashen_007 頭像 user_nypdl4ki 頭像 freeman_tian 頭像 jiangchuan_5ecf6be720834 頭像 diuren1205 頭像 zs_staria 頭像 wei4118268_5df1ce05d1877 頭像 heath_learning 頭像

@vue-cli3 / 博客 RSS 訂閱

dirackeeko 頭像

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

收藏 評論

vleedesigntheory 頭像

維李設論 - vue腳手架多頁自動化生成實踐

前言 在前端開發過程中，常常面對多種業務場景。到目前為止，前端對於不同場景的處理通常會採用不同的渲染方案來組合處理，常見的渲染方案包括：CSR(Client Side Rendering)、SSR(Server Side Rendering)、SSG(Static Site Generation)、ISR(Incremental Site Rendering)、DPR(Distributed Pe

vue.js , 腳手架cli , 多頁面應用 , vue-cli3 , 架構

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - mac電腦創建的vue項目移動到內網啓動不起來，報vue-cli-service 未找到

在mac電腦上創建了一個vue項目，項目已經寫好了，想移動到內網，在內網卻啓動不起來，報vue-cli-service未找到 首先內網的電腦是windows電腦，外網的電腦是mac，連個系統不一樣，創建出來的.bin文件不一樣。 比如windows電腦創建.bin文件夾中的vue-cli-servie後綴是.cmd, macow電腦創建.bin文件夾中的vue-ci-servic

vue.js , vue-cli3

收藏 評論

fashen_007 頭像

fashen007 - vue-cli3+babel7項目兼容IE

正常來説項目都可以忽略IE，無奈我們還是有一些比較傳統的大企業要用我們的系統，所以還得支持IE10~11; 網上比較多資料都比較舊了，自己擼了一些就不想看了，大部分都是因為不同的babel版本不一樣 正常來説vue-cli3的項目、默認配置會將es6+的轉成e5，在babel.confi.js中加上以下配置即可 module.exports = { presets: [ '@vue/a

vue-cli3 , babel7 , 兼容性

收藏 評論

user_nypdl4ki 頭像

逆風微笑的代碼狗 - vue-cli-service build 不同環境配置

背景 在項目部署時，我們需要在測試環境和生產環境使用不同的變量。 vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默認的環境變量值則為production。那我們通過npm run build打包構建，想要實現不同環境使用不同變量，暫時不能實現。 介紹 vue-cli生成項目時，在package.json中會設置： "

vue.js , vue-cli3

收藏 評論

freeman_tian 頭像

freeman_Tian - Vue3基於 rem 比例H5縮放方案

hooks:於App.vue中引入並調用。會在頁面DOM結構最外層增加響應式的font-size屬性樣式更改。 1.接口和類型定義： DesignParms：設計稿參數的接口定義，包括寬度、高度和字體大小等信息。 UseRemOption：使用 rem 的配置參數的接口定義，包括延遲觸發時間。 Designs：設計稿集合的類型定義，是一個由 DesignParms 構成的數

vue-cli3 , rem

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具，提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript，組件庫的使用幾乎大家都會，但自己開發一個獨立組件庫就不是每個人都掌握的，因為搭建組件庫的基礎開發環境，就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面： 組件庫的開發和打包； 組件庫文檔的開發和打包； 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架： vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

收藏 評論

chengxuyuanyouyage 頭像

程序員優雅哥 - 開箱即用yyg-cli：快速創建 vue3 組件庫和vue3 全家桶項目

1 yyg-cli 是什麼 yyg-cli 是優雅哥開發的快速創建 vue3 項目的腳手架。在 npm 上發佈了兩個月，11月1日進行了大升級，發佈 1.1.0 版本：支持創建 vue3 全家桶項目和 vue3 組件庫項目。具體如下： vue3 全家桶項目 使用 yyg-cli 創建的 vue3 全家桶項目，底層基於優雅哥編寫的開源項目 vue3-vite-archetype，默認整合如下庫： -

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

收藏 評論

jiangchuan_5ecf6be720834 頭像

蔣川 - 最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲

本文首發：《最好用的 5 個 Vue select 單選多選下拉組件 - 卡拉雲》 單選 / 下拉 / 多選（select）組件在搭建 Vue 的 app 中特別常用，Vue select 除了用鼠標點選外，還可以有更多樣的功能，比如搜索過濾，樹狀結構，tab 分組，按組選擇等。這些高級功能都可以在第三方組件中找到，本文記錄了我自己使用多年最好用的 5 款 Vue select 組件，每一款都經

vue.js , vue-cli3 , vue3

收藏 評論

diuren1205 頭像

diuren1205 - vue-cli3 lib-flexible+postcss-pxtorem 適配pc端大屏分辨率

vue-cli3腳手架 lib-flexible+postcss-pxtorem 適配pc端大屏分辨率 我的項目是cli3構建，iviewUI框架，UI設計稿是1920*1080 1.安裝lib-flexible postcss-pxtorem 插件 npm install lib-flexible postcss-pxtorem --save 2.在 main.js 文件中引入 import '

vue-cli3 , flexible , rem

收藏 評論

zs_staria 頭像

zs_staria - 關於vue-cli3跨域配置筆記

vue-cli3跨域配置： 在vue-resource的數據請求中，一般我們會將請求方式GET/POST修改為jsonp的請求方式就可以實現跨域。 但是對於只支持GET/POST兩種請求方式的api，修改jsonp，就會出錯。需要進行跨域的配置。 (1) 在文件根目錄下，創建vue.config.js配置文件，具體配置如下： module.exports={ //將b

vue.js , vue-resource , vue-cli3

收藏 評論

wei4118268_5df1ce05d1877 頭像

wei4118268 - [vue-cli3/element-plus] 從菜單渲染淺談動態渲染Vue組件的問題

1. 關於Element-plus的菜單渲染問題 跨過了Element-UI，終於來到了Element-plus。又回到了一個老問題，menu的渲染。 創建一個menu數組，利用v-for來渲染數組，生成menu，非常常規的操作。但是操作的過程中，出現了一個小問題，就是關於icon的渲染。 我們知道，在Element-plus中，渲染一個帶圖標的菜單項，是這麼搞的： el-menu-i

vue-cli3 , component , icon , element-plus , 前端

收藏 評論

heath_learning 頭像

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用，報錯如下： SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象： vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

收藏 評論