为什么在 InboxSDK 示例项目中运行“npm build”会将最终可执行文件“dist”恢复为“manifest.json”文件的原始版本？

Question

我是网络开发新手，正在尝试学习如何按照清单版本 3 开发 chrome 扩展。我特别想使用 InboxSDK 创建一个 chrome 扩展，它可以简化更改 GMail 收件箱 DOM 中 UI 元素的过程。

我尝试修改的项目可以在这里找到：https://github.com/InboxSDK/hello-world

我想使用此存储库中提供的项目作为创建我自己的扩展的模板。如何更改 webpack 配置，以便运行“npm build”后创建的最终可执行文件“dist”目录仅包含单个“manifest.json”文件并反映我想要对该文件进行的更改？

预先感谢您为加深我的理解提供的任何帮助或资源。

我尝试直接在可执行文件中更改manifest.json，但是使用webpack构建新的可执行目录会将其恢复到原始状态。

Answer 1

您可以使用 copyWebpackPlugin

将已存在的单个文件或整个目录复制到构建目录

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {

  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        { from: 'src/manifest.json', to: 'manifest.json' },
      ],
    }),
  ],
};

希望它对你有用