Question

我正在使用next.config.js文件来修改其Webpack设置。但是在我的终端中，我看到了：

owner@G700:~/PhpstormProjects/shopify/buyUsed$ next
[ wait ]  starting the development server ...
[ info ]  waiting on http://localhost:3000 ...
[ error ] chunk static/runtime/webpack.js [entry]
devSpecific/output.js
Conflict: Multiple chunks emit assets to the same filename devSpecific/output.js (chunks main and static/runtime/webpack.js)
[ wait ]  compiling ...
[ error ] chunk static/runtime/webpack.js [entry]
devSpecific/output.js
Conflict: Multiple chunks emit assets to the same filename devSpecific/output.js (chunks main and static/runtime/webpack.js)

似乎某些库文件都在进行某种临时分块。

有关我的设置的更多详细信息：

我将输出设置为单个文件output.js。它与入口./devSpecific在同一项目子文件夹index.tsx中。
我正在尝试将./devSpecific设置为开发服务器的内容库，以便有一个沙箱区域来开发一些React组件。

我的设置：

const { parsed: localEnv } = require("dotenv").config();
const withCSS = require("@zeit/next-css");
const path = require('path');

const webpack = require("webpack");
const apiKey = JSON.stringify(process.env.SHOPIFY_API_KEY);

module.exports = withCSS({
  webpack: config => {
    const env = { API_KEY: apiKey };
    config.plugins.push(new webpack.DefinePlugin(env));

    config.node = {fs: "empty"};

    config.entry = path.join(__dirname, "devSpecific/index.tsx");
    config.output = {
      filename : "devSpecific/output.js"
    };
    config.node = {fs: 'empty'};
    config.devServer = {
      port: 3000
        , contentBase : [path.join(__dirname, 'devSpecific')]
        , hot : true
        , historyApiFallback : true
    };

    return config;
  }
});

有人知道什么可能导致webpack文件分块吗？

Webpack：多个块将资产发射到相同的文件名（块main和static / runtime / webpack.js）

0 个答案: