使用不带“entry”index.js的webpack插件

Question

我正在使用Webpack将dist目录与特定于环境的配置(manifest.json)和文件结构组合在一起

我的问题是，webpack希望我有一个空的src/index.js文件

在某些环境中，编译是在我组装/dist文件夹、压缩并上传到他们的服务之后进行的。

有没有办法避免使用index.js而直接运行CopyWebpackPlugin

Answer 1

我目前正在考虑使用manifest.json或manifest.js作为此构建的条目，因为此文件是options HTML应用程序、浏览器内容脚本、icon.png等之间的连接

CleanWebpackPlugin和HtmlWebpackPlugin都给我带来了很多问题，看起来使用装载器可能是正确的、纯粹的、同步的方式

My current inspiration使用简单的module.exports和arguments[0] source from the previous loader轻松转换源代码

我确实想出了一个黑客(不可维护)的解决方案来删除未使用的文件，这可能会对某些人有用。

webpack.config.js

module.exports = {
  name: 'manifest',
  entry: {
    manifest: './src/manifest.json',
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'DELETED.js',
  },
  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        {from: './src/manifest.json'},
        {from: './assets/images/icon.png'},
      ],
    }),
    new RemoveFilesWebpackPlugin({
      before: {
        log: false,
        include: [
          'dist',
        ],
      },
      after: {
        log: false,
        include: [
          'dist/DELETED.js',
        ],
      },
    }),
  ],
  mode: 'none',
}

这个想法的问题是，manifest.json并没有被用来收集它自己的资产--这些资产是在这个捆绑器的配置中声明的。

我还有两个额外的webpack.config.js文件用于

使用HtmlWebpackPlugin

• bundling

生成HTML选项页

但是如前所述，维护需要深入构建文件，而不仅仅是编辑源代码和需要相对路径