Webpack无法找到模块目录

我有一个React项目，其中根目录有一个app目录。在app目录内，有一个containers和一个components目录。如何更改以下内容以便webpack实际在模块的入口点所在的目录中查找。Webpack无法找到模块目录

 
const path = require('path') 
const HtmlWebpackPlugin = require('html-webpack-plugin'); 

const PATHS = { 
    app: path.join(__dirname, 'app'), 
    build: path.join(__dirname, 'build'), 
}; 

module.exports = { 
    // where to start bundling 
    entry: [ 
    './app/app.js', 
    ], 

    // where to output 
    output: { 
    // output to same dir 
    path: PATHS.build, 
    filename: 'timbundle.js', 
    },

来源

2017-04-11 timbo

我没有看到Brainfuck的相关性 – gurghet

看起来您的当前条目定义应该导入。你想在容器或组件下有多个入口点吗？ –

我认为模块中的每个文件都应该直接通过app.js导入或通过其他文件的引用来引用。该项目来自react-boilerplate回购，但我不得不建立一个新的webpack配置，以解决为什么一些参考不包括在内。 – timbo

 
resolve: { 
    modules: ['app', 'node_modules'], 
    extensions: ['.js'] 
},

似乎工作。

来源

2017-04-11 21:48:16 timbo

为什么？请解释一下？ – ppperry

我不完全确定，但它确实有效。我认为'node_modules'是唯一的默认值。因此，它指定'app'目录作为所有模块的根目录，并且因为您不再使用默认值，所以必须添加'node_modules'。为了记录，我的所有JSX文件都只有.js扩展名。 – timbo

Webpack无法找到模块目录

回答

相关问题