откуда берется папка / static / js?

Question

Я новичок в React, просто вопрос о пакетных js-файлах, созданных webpack. В настоящее время, когда я запускаю свое приложение и проверяю инструмент разработчика Chrome, я обнаружил, что 0.chunk.js, bundle.js, main.chunk.js находятся под localhost/static/js, у меня нет папки static в моем приложении реагирования, поэтому где находится / staticПапка / js взялась? это было создано Chrome?

Answer 1

Эти файлы создаются веб-пакетом. Чтобы указать, вы можете запустить команду npm run eject, затем вы увидите папку с именем scripts.

. В этой папке сначала давайте проверим файл start.js, куда запускается при запуске npm start.

const devServer = new WebpackDevServer(compiler, serverConfig);

С помощью WebpackDevServer создается сервер разработки, работающий на вашем локальном компьютере для размещения вашего приложения, поэтому вы можете получить к нему доступ через localhost:3000. Далее давайте проверим compiler параметр.

const compiler = createCompiler({
      appName,
      config,
      devSocket,
      urls,
      useYarn,
      useTypeScript,
      webpack,
    });

Проверьте config, вы можете увидеть, что он создан из configFactory

const config = configFactory('development');

Проверьте, configFactory вы видите, что это функциявернуть конфигурацию сервера в качестве объекта, включающего свойство с именем output.

output: {
    ...
    filename: isEnvProduction
        ? 'static/js/[name].[contenthash:8].js'
        : isEnvDevelopment && 'static/js/bundle.js',
      // TODO: remove this when upgrading to webpack 5
      futureEmitAssets: true,
      // There are also additional JS chunk files if you use code splitting.
      chunkFilename: isEnvProduction
        ? 'static/js/[name].[contenthash:8].chunk.js'
        : isEnvDevelopment && 'static/js/[name].chunk.js',
}

Вот то, что вы ищете.