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

我就是这样做的。当有新目录时，必须在数组中手动​​添加更多目录。

resolve: {
    modulesDirectories: [
        'app',
        'app/component',
        'app/sass',
        'node_modules',
        'bower_components'
    ]
},