Vue?WebPack忽略指定文件或目錄方式
更新時(shí)間：2022年04月15日 11:22:13 作者：我愛我家喵喵
這篇文章主要介紹了Vue?WebPack忽略指定文件或目錄方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
WebPack忽略指定文件或目錄
前端Vue項(xiàng)目使用 WebPack 打包時(shí)，有時(shí)候我們需要忽略掉一些文件。比如一些說(shuō)明文檔、ReadMe之類的，我們只希望它存在于源碼中，而不是被打包給用戶。
通過(guò)修改 webpack.base.conf.js 配置文件，有以下方式可以達(dá)到目的。
方法1：使用 null-loader
module: {
? ? rules: [
? ? ? ...
? ? ? // 忽略掉所有 .md 文件
? ? ? {
? ? ? ? test: /\.md$/,
? ? ? ? loader: 'null-loader',
? ? ? },
? ? ? ...
? ? ]
}由于官方已經(jīng)不推芥使用此方法，故會(huì)顯示一個(gè)警告：
? WARNING in ./src ^\.\/.*$ ? Module not found: Error: Can't resolve 'null-loader' in 'D:\Documents\Projects\Web\xxx' ? ?@ ./src ^\.\/.*$ ? ...
方法2：使用 url-loader
使用 url-loader ，通過(guò)在 generator 中返回一個(gè)空字符串，達(dá)到同樣的效果，不會(huì)顯示警告。
module: {
? ? rules: [
? ? ? ...
? ? ? // 忽略掉所有 .md 文件
? ? ? {
? ? ? ? test: /\.md$/,
? ? ? ? loader: 'url-loader',
? ? ? ? options: {
? ? ? ? ? limit: 10,
? ? ? ? ? generator: (content, mimetype, encoding, resourcePath) => {
? ? ? ? ? ? return ''
? ? ? ? ? }
? ? ? ? },
? ? ? },
? ? ? ...
? ? ]
}WebPack打包忽略某個(gè)文件
在項(xiàng)目中public中新建config.js
vue.config.js 中設(shè)置忽略文件
引入
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-cli 使用axios的操作方法及整合axios的多種方法
這篇文章主要介紹了vue-cli 使用axios的操作方法及整合axios的多種方法,vue-cli整合axios的多種方法，小編一一給大家列出來(lái)了，大家根據(jù)自身需要選擇，需要的朋友可以參考下2018-09-09
Vue 固定頭 固定列 點(diǎn)擊表頭可排序的表格組件
這篇文章主要介紹了Vue 固定頭 固定列 點(diǎn)擊表頭可排序的表格組件的相關(guān)資料,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了基于vue的驗(yàn)證碼組件的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
在axios中使用params傳參的時(shí)候傳入數(shù)組的方法
今天小編就為大家分享一篇在axios中使用params傳參的時(shí)候傳入數(shù)組的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要給大家介紹了關(guān)于vue.js中ref和$refs使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
vue實(shí)現(xiàn)復(fù)制文字復(fù)制圖片實(shí)例詳解
這篇文章主要為大家介紹了vue實(shí)現(xiàn)復(fù)制文字復(fù)制圖片實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要給大家介紹了關(guān)于Vite使用報(bào)錯(cuò)解決方法的相關(guān)資料,這篇文中通過(guò)圖文以及代碼將遇到的一些報(bào)錯(cuò)介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vite具有一定的借鑒價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vue抽出組件并傳值實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
這篇文章主要介紹了vue接入高德地圖繪制扇形，需求是有一個(gè)列表，列表的數(shù)據(jù)就是一個(gè)基站信息，包含基站的經(jīng)緯度信息和名字，基站下面又分扇區(qū)，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-04-04
Vue項(xiàng)目中使用fontawesome圖標(biāo)庫(kù)的方法
fontawesome的圖標(biāo)有免費(fèi)版和專業(yè)版,本文主要使用free版本,一般free版本的圖標(biāo)夠用,free圖標(biāo)又劃分為三個(gè)圖標(biāo)庫(kù),主要有實(shí)心圖標(biāo)solid、常規(guī)圖標(biāo)regular及品牌圖標(biāo)brand,根據(jù)需求去下載對(duì)應(yīng)的圖標(biāo)庫(kù),無(wú)須全部下載,對(duì)vue?fontawesome圖標(biāo)庫(kù)相關(guān)知識(shí)感興趣的朋友一起看看吧2023-12-12