Я использую файл next.config.js
для изменения настроек веб-пакета. Но в моем терминале я вижу это:
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;
}
});
Кто-нибудь знает, что может вызывать разбиение файла в веб-пакете?