Webpack не может разрешить пользовательский файл JS

Question

Мы пытаемся перейти от grunt к webpack.

В нашем проекте мы используем файл JS под названием кипяток для определения часто используемых базовых классов.

__boiler__.js

define(function (require) {
  return {
    Helpers: require('helpers/_helpers_'),
    Enums: require('enums/_enums_'),
    Context: require('context'),
    ...
  };
});

И Web Pack Config

webpack.config.js

const path = require('path');
module.exports = {
  resolve: {
    extensions: ['.js', '.scss'],
    alias: {
      app: path.resolve(__dirname, './dev_files/app'),
      Boiler: path.resolve(__dirname, './dev_files/app/core/_boiler_')
    }
  },
  entry: './dev_files/main.js',
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [{
        test: /\.(html)$/,
        use: {
          loader: 'html-loader'
        }
      },
      {
        test: /\.js$/,
        use: ['babel-loader']
      }
    ]
  }
};

Затем, когда я попытался сделать сборку через веб-пакет, у меня появилось несколько ошибок вроде:

ERROR in ./dev_files/app/core/_boiler_.js
Module not found: Error: Can't resolve 'context' in 'C:\Myproject\dev_files\app\core'
resolve 'context' in 'C:\Myproject\dev_files\app\core'
  Parsed request is a module
  using description file: C:\Myproject\package.json (relative path: ./dev_files/app/core)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
    ....

I'mнуб, когда в JavaScript и WebPack в целом.Может ли кто-нибудь дать мне представление о том, что я здесь делаю неправильно?Спасибо.

Answer 1

Я предполагаю, что вы используете require для загрузки вашего модуля.

попытайтесь экспортировать определение, чтобы его можно было найти / включить в веб-пакете

module.export = (function (require) {
  return {
    Helpers: require('helpers/_helpers_'),
    Enums: require('enums/_enums_'),
    Context: require('context'),
    // ...
  };
});