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無法找到模塊目錄

回答

相關問題