本篇内容介绍了“Vue WebPack怎么忽略指定文件或目录”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
前端Vue项目使用 WebPack 打包时,有时候我们需要忽略掉一些文件。比如一些说明文档、ReadMe之类的,我们只希望它存在于源码中,而不是被打包给用户。
通过修改 webpack.base.conf.js 配置文件,有以下方式可以达到目的。
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 ^\.\/.*$
...
使用 url-loader ,通过在 generator 中返回一个空字符串,达到同样的效果,不会显示警告。
module: {
rules: [
...
// 忽略掉所有 .md 文件
{
test: /\.md$/,
loader: 'url-loader',
options: {
limit: 10,
generator: (content, mimetype, encoding, resourcePath) => {
return ''
}
},
},
...
]
}
引入
“Vue WebPack怎么忽略指定文件或目录”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。