Контекст веб-пакета и resol.modules не разрешают node_modules

Я пытаюсь ввести веб-пакет в устаревший проект со следующей структурой папок:

-web
    -project
       - webpack.config.js
       - package.json
    -src
       - client.js

Каждый раз, когда я запускаю webpack --config webpack.config.js в папке проекта, я получаю следующую ошибку: ERROR в модуле ввода не найден: Ошибка: не удается разрешить 'babel-loader\ in ......\web.

Я установил контекст для веб-папки, потому что это родительский конфиг и src. Я также добавил модули src и node в свойство resol.modules. Есть ли конфигурация, которая мне не хватает?

Мой конфиг веб-пакета:

const path = require('path');

const isProduction = process.env.NODE_ENV === 'production';
const webpack = require('webpack');


const babelConfig = {
  "presets": [
    "@babel/preset-env",
    "react"
  ],
  "plugins": [
    "transform-runtime",
    "add-module-exports",
    "transform-export-extensions"
  ],
  "env": {
    "development": {
      "plugins": []
    }
  }
};
const base = path.resolve(__dirname, '..');
const project = path.resolve(base, 'project');
const src = path.resolve(base, 'src');

module.exports = {
  context: base,
  resolve: {
    modules: [path.resolve(project, 'node_modules'), src],
    extensions: ['.js', '.jsx']
  },
  entry: {
    plp: path.resolve(src, 'client.js')
  },
  devtool: '#inline-source-map',
  output: {
    filename     : '[name].js',
    chunkFilename: '[name].js',
    path: __dirname + "/../dist"
  },
  stats: {
    colors: true,
    modules: true,
    reasons: true,
    errorDetails: true
  },
  module: {
    rules: [{
      test: /\.jsx?$/,
      include: [src],
      use: [{
        loader: 'babel-loader',
        query: babelConfig
      }]
    }]
  },
  plugins: [
    new webpack.DefinePlugin({
      __DEVELOPMENT__: !isProduction,
      __DEVTOOLS__: !isProduction
    }),

    new webpack.IgnorePlugin(/webpack-stats\.json$/)
  ]
};

Package.json:

{
  "dependencies": {
    "babel-cli": "^6.22.2",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.22.0",
    "babel-preset-es2016": "https://registry.npmjs.org/babel-preset-es2016/-/babel-preset-es2016-6.22.0.tgz",
    "babel-preset-react": "^6.24.1",
    "react": "^16.2.0",
    "react-dom": "^16.2.0"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-es2017": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "webpack": "^3.8.1"
  }
}

Заранее спасибо!

0 ответов

Другие вопросы по тегам