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