Vue WebPack怎么忽略指定文件或目录

Vue WebPack怎么忽略指定文件或目录

本篇内容介绍了“VueWebPack怎么忽略指定文件或目录”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

WebPack忽略指定文件或目录

前端Vue项目使用 WebPack 打包时，有时候我们需要忽略掉一些文件。比如一些说明文档、ReadMe之类的，我们只希望它存在于源码中，而不是被打包给用户。

通过修改 webpack.base.conf.js 配置文件，有以下方式可以达到目的。

方法1：使用 null-loader

module:{rules:[...//忽略掉所有.md文件{test:/\.md$/,loader:'null-loader',},...]}

由于官方已经不推芥使用此方法，故会显示一个警告：

WARNINGin./src^\.\/.*$Modulenotfound:Error:Can'tresolve'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 中设置忽略文件

引入

“VueWebPack怎么忽略指定文件或目录”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！