Vue?WebPack忽略指定文件或目錄方式
更新時(shí)間：2022年04月15日 11:22:13 作者：我愛(ài)我家喵喵
這篇文章主要介紹了Vue?WebPack忽略指定文件或目錄方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
WebPack忽略指定文件或目錄
前端Vue項(xiàng)目使用 WebPack 打包時(shí)，有時(shí)候我們需要忽略掉一些文件。比如一些說(shuō)明文檔、ReadMe之類(lèi)的，我們只希望它存在于源碼中，而不是被打包給用戶(hù)。
通過(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 使用axios 數(shù)據(jù)請(qǐng)求第三方插件的使用教程詳解
這篇文章主要介紹了vue 使用axios 數(shù)據(jù)請(qǐng)求第三方插件的使用 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了Vue+ElementUI之Tree的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
.sync?修飾符所提供的功能,當(dāng)一個(gè)子組件改變了一個(gè)prop的值時(shí),這個(gè)變化也會(huì)同步到父組件中所綁定,下面這篇文章主要給大家介紹了關(guān)于Vue中子組件向父組件傳值以及.sync修飾符的相關(guān)資料,需要的朋友可以參考下2022-11-11
在Vue的開(kāi)發(fā)中,我們經(jīng)常會(huì)用到外部組件庫(kù),下面這篇文章主要給大家介紹了關(guān)于vue中深度選擇器的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
vue3.0父子傳參,子修改父數(shù)據(jù)的實(shí)現(xiàn)
這篇文章主要介紹了vue3.0父子傳參,子修改父數(shù)據(jù)的實(shí)現(xiàn)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue3子組件如何修改父組件傳過(guò)來(lái)的props數(shù)據(jù)
周所周知vue的props是單向數(shù)據(jù)流,可以從父組件中改變傳往子組件的props,反之則不行,下面這篇文章主要給大家介紹了關(guān)于vue3子組件如何修改父組件傳過(guò)來(lái)的props數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要為大家介紹了Vue插槽解決父子組件通信，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
這篇文章主要介紹了vue loadmore組件上拉加載更多功能示例代碼,需要的朋友可以參考下2017-07-07
Vue2.0如何發(fā)布項(xiàng)目實(shí)戰(zhàn)
本篇文章主要介紹了Vue2.0如何發(fā)布項(xiàng)目實(shí)戰(zhàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
vue & vue Cli 版本及對(duì)應(yīng)關(guān)系解讀
這篇文章主要介紹了vue & vue Cli 版本及對(duì)應(yīng)關(guān)系，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07