首页 > 解决方案 > 如何在 webpack 中添加输出文件?

问题描述

我正在使用 webpack 将库构建到 saleforce dx 项目中。

但是当我在 github 上推送时,我有一个 eslint 验证。

此验证失败,因为它尝试检查 webpack 输出的有效性。

我正在尝试在输出文件之前添加/* eslint-disable */以在我推送时禁用 eslint。

所以我尝试:

rules: [
      {
        loader: '@shoutem/webpack-prepend-append',
        query: {
          prepend: '/* eslint-disable */'
        }
      }
    ]

但是注释没有显示在输出文件的顶部。我认为它预先设置了输入文件。

如何使用 webpack 在输出文件前添加?

标签: javascriptnode.jswebpackeslint

解决方案


您可以使用该BannerPlugin插件在每个生成的块的顶部添加横幅:

https://webpack.js.org/plugins/banner-plugin/

例如,您可以使用以下内容:

new webpack.BannerPlugin({
  banner: '/* eslint-disable */'
  raw: true
});
``

推荐阅读