vue-cli-service和webpack-dev-server的區(qū)別及說明
更新時間:2023年10月30日 15:45:05 作者:azhang190426
這篇文章主要介紹了vue-cli-service和webpack-dev-server的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue-cli-service和webpack-dev-server區(qū)別
- 左邊是基于webpack init出來的項目結(jié)構(gòu)
- 右邊是基于 vue-cli 的項目結(jié)構(gòu)
vue-cli我理解是對 webpack 的封裝 ,可以減少一些配置操作
執(zhí)行 serve 命令的函數(shù)
大致可以分為以下幾個部分:
- 獲取 webpack 配置:api.resolveWebpackConfig()
- 獲取 devServer 配置
- 注入 webpack-dev-server 和 hot-reload(HRM)中間件入口
- 創(chuàng)建 webpack-dev-server 實例
Usage: vue-cli-service serve [options] [entry] Options: --open open browser on server start --copy copy url to clipboard on server start --mode specify env mode (default: development) --host specify host (default: 0.0.0.0) --port specify port (default: 8080) --https use https (default: false) --public specify the public network URL for the HMR client --skip-plugins comma-separated list of plugin names to skip for this run
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue中使用Echarts可視化圖表寬度自適應(yīng)的完美解決方案
這篇文章主要介紹了Vue中使用Echarts可視化圖表,寬度自適應(yīng)解決方案,我的解決方案是,在放置Echarts的容器(div)外層再套一層容器(div),外層容器寬度固定設(shè)置手機屏幕寬,感興趣的朋友跟隨小編一起看看吧2022-09-09淺談VueJS SSR 后端繪制內(nèi)存泄漏的相關(guān)解決經(jīng)驗
這次我想給大家介紹的內(nèi)存泄漏的定位方法,并非工具的使用。而是一些經(jīng)驗的總結(jié),也就是我所知道的 VueJS SSR 中最容易出現(xiàn)內(nèi)存泄漏的地方,非常具有實用價值,需要的朋友可以參考下2018-12-12vue中@click和@click.native.prevent的區(qū)別
這篇文章主要介紹了vue中@click和@click.native.prevent的區(qū)別,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04