Как я могу решить, что Контент, не из веб-пакета, подается из реактивного веб-пакета?

Question

Я новичок в activjs и пытаюсь настроить реагирование, babel и веб-пакет для преобразования кода jsx и es2015 в 1 файл.

Базовое приложение хорошо компилируется, но я вижу слова ниже при компиляции

Контент не из веб-пакета подается из / app

[./src/app/index.js] 27 bytes {main} [built]
i ｢wds｣: Project is running at http://localhost:1234/
i ｢wds｣: webpack output is served from /app/
i ｢wds｣: Content not from webpack is served from C:\Users\coder\Documents\nodeprojects\my-react\src

Вот так выглядит мой файл конфигурации webpack.config.js:

module.exports = {
  entry: path.resolve(__dirname, 'src') + '/app/index.js',
  output: {
    path: path.resolve(__dirname, 'dist') + '/app',
    filename: 'bundle.js',
    publicPath: '/app/'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'src'),
        loader: 'babel-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      }
    ]
  }
};

Структура моего проекта выглядит следующим образом:

project_folder

1019 * расстояние *

node_modules

ЦСИ

приложение

index.js

index.html

Знаете ли вы, как можно избежать Контент, не из веб-пакета, подается из / app , или мне не нужно его беспокоить? Любая помощь приветствуется. спасибо

Answer 1

Если вы новичок, чтобы отреагировать, я предлагаю вам использовать create-react-app, чтобы начать работу с базовым веб-пакетом, babel.

Проект может быть создан с

npx create-react-app myapp

Если вы хотите изучить их конфигурацию, вы можете eject в вашем проекте:

npm run eject

В противном случае ваш публичный путь не должен быть открыт из корневого пути /app, но предпочтительно src/app или лучше, просто используйте src.

Если у вас есть приложение бэкэнда и приложение внешнего интерфейса, вы должны сделать два разных пакета.