reactjs - Webpack - 如何递归解析模块

Question

这是我的文件夹结构

project
  |app
     |component
       |Header.js
       |Home.js
     |sass
       |header.scss
  |node_modules
     |moment

这就是我想要在 Home.js 中导入模块的方式

import Header from 'Header'
import 'header.scss'
import moment from 'moment'

如何配置 webpack 以便它了解我要导入的模块？

Answer 1

您没有在导入语句中指定相对路径。 moduleDirectories 并不是要列出每个目录，而只是列出根目录。

您的导入语句可能应如下所示:(假设从 app/ 中访问它们)

import './component/Header'
import './sass/header.scss'

那么 moduleDirectories 只需要包含“app”，而不是其子文件夹。