Javascript 网页包导入其他文件夹中的自定义包

我正在用ReactJS增强一个网站。 我的文件夹结构如下所示：

 _npm
   node_modules
   package.json
   package-lock.json
   webpack.config.js
 _resources
   js
     react
       reactapp1.js
       reactapp2.js
       components
         FormDisplay.js

我想将自定义reactjs包导入FormDisplay组件。 当我进入时：

import PlacesAutocomplete from 'react-places-autocomplete'

这不管用。但如果我进去：

import PlacesAutocomplete from "./../../../_npm/node_modules/react-places-autocomplete";

这很有效。我明白为什么会这样。我想知道是否有一种方式可以让我直接进入：

import PlacesAutocomplete from 'react-places-autocomplete';

我如何使它只使用那行代码，而不必找到node_modules文件夹的路径

我的网页包配置：

const path = require("path");
const webpack = require("webpack");

const PATHS = {
    app: path.join(__dirname, "../_resources/react/"),
    build: path.join(__dirname, '../wordpress_site/wp-content/themes/custom_theme/assets/js/'),
  };

module.exports = {
    entry: {
        reactapp1: path.join(PATHS.app, "reactapp1.js"),
        reactapp2: path.join(PATHS.app, "reactapp2.js")
    },
    output: {
        filename: "[name].bundle.js",
        //path: path.join(__dirname,  "dist")
        path: PATHS.build
    },
    module:{
        rules: [
            {
                test: /\.js?$/,
                exclude: /(node_modules)/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: ["env", "react"],
                        plugins: ["transform-class-properties"]
                    }
                }
            }

        ]// rules array
    }, // module
}

---

你试过使用webpack的吗

可能有用

 resolve: {
   modules: ['_npm/node_modules']
 }