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',
},
...
]
}由于官方已经不推芥使用此方法，故会显示一个警告：
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 中设置忽略文件
引入
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue-cli 使用axios的操作方法及整合axios的多种方法
这篇文章主要介绍了vue-cli 使用axios的操作方法及整合axios的多种方法,vue-cli整合axios的多种方法，小编一一给大家列出来了，大家根据自身需要选择，需要的朋友可以参考下2018-09-09
这篇文章主要介绍了Vue 固定头 固定列 点击表头可排序的表格组件的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了基于vue的验证码组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
今天小编就为大家分享一篇在axios中使用params传参的时候传入数组的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要给大家介绍了关于vue.js中ref和$refs使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-08-08
这篇文章主要为大家介绍了vue实现复制文字复制图片实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要给大家介绍了关于Vite使用报错解决方法的相关资料,这篇文中通过图文以及代码将遇到的一些报错介绍的非常详细,对大家学习或者使用vite具有一定的借鉴价值,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue抽出组件并传值实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue接入高德地图绘制扇形，需求是有一个列表，列表的数据就是一个基站信息，包含基站的经纬度信息和名字，基站下面又分扇区，本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-04-04
fontawesome的图标有免费版和专业版,本文主要使用free版本,一般free版本的图标够用,free图标又划分为三个图标库,主要有实心图标solid、常规图标regular及品牌图标brand,根据需求去下载对应的图标库,无须全部下载,对vue fontawesome图标库相关知识感兴趣的朋友一起看看吧2023-12-12
最新评论