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

本篇內容介紹了“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 WebPack怎么忽略指定文件或目錄”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！