【Vue】WebPack 忽略指定文件或目录

vue

前端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 ''

}

},

},

...

]

}

如果你有更好的方法,欢迎回复给出。

以上是 【Vue】WebPack 忽略指定文件或目录 的全部内容, 来源链接: utcz.com/z/379204.html

回到顶部