webpack - 强制 Snowpack 构建到一个文件中

Question

Snowpack dev 非常酷 - 但为了我的需要，我需要将所有 js/css/images 打包到一个 bundle.js文件中。没有块或其他任何东西。

我尝试在snowpack.config.js's 中使用以下 webpack 插件配置plugins：

    [
      "@snowpack/plugin-webpack",
      {
        outputPattern: {
          js: "bundle.js",
          css: "bundle.css",
        },
        extendConfig: (config) => {
          delete config.optimization.splitChunks;
          delete config.optimization.runtimeChunk;
          return config;
        },
      },
    ],

这导致创建这两个文件：bundle.js和bundle.css

有没有简单的方法：

1. 仅将所有内容打包到build.js没有 css 文件的情况下？
2. 自动删除仍然留在构建文件夹中的所有其他文件（__snowpack__, web_modules, 源文件）？

Answer 1

修改snowpack.config.js如下：

const path = require('path');

module.exports = {
...
    [
      '@snowpack/plugin-webpack',
      {
        outputPattern: {
          js: "index.js",
          css: "index.css",
        },
        extendConfig: config => {
          delete config.optimization.splitChunks;
          delete config.optimization.runtimeChunk;
          config.module.rules[0] = {
            test: /\.js$/,
            exclude: /node_modules/,
            use: [
              {
                loader: 'babel-loader',
                options: { presets: ['@babel/preset-env'] }
              },
              {
                loader: path.resolve(__dirname, './node_modules/@snowpack/plugin-webpack/plugins/import-meta-fix.js')
              }
            ]
          }
          return config;
        }
      }
    ],
...

输出npm run build：

> build
> snowpack build

[snowpack] ! building source files...
[snowpack] ✔ build complete [0.39s]
[snowpack] ! building dependencies...
[snowpack] ✔ dependencies ready! [0.27s]
[snowpack] ! verifying build...
[snowpack] ✔ verification complete [0.00s]
[snowpack] ! writing build to disk...
[snowpack] ! optimizing build...
   Asset      Size  Chunks             Chunk Names
index.js  9.88 KiB       0  [emitted]  index
[snowpack] ✔ optimize complete [1.47s]
[snowpack] ▶ Build Complete!