Webpack 没有工作

Question

我有这样结构的项目：

Project
    node_modules
        ...
    com
        adding.js
        App.js
        Footer.js
        Todo.js
        TodoList.js
    action.js
    reducers.js
    store.js
    build.js

我有这个构建文件：

var path = require('path');
var webpack = require('webpack');
var config = {
    context: __dirname,
    entry: ['redux', 'react', 'react-redux', './action', './reducers', './store', './com/adding', './com/Todo', './com/TodoList', './com/Footer', './com/App'],
    output: {
        path: path.join(__dirname, 'assets')
    },
    module: {
        loaders: [
            { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
        ]
    }
};
var compiler = webpack(config);
compiler.run(function (err, stats) {
    if(err) {
        console.log('Error:' + err);
    }
    else {
        console.log('Win');
    }
});

但是当我编译并启动时 bundle.js 我得到这个错误：Error: Cannot find module "./store"。怎么了？文件 reducers.js 和 action.js 工作正常，但找不到 store.js 和文件夹 com 中的所有文件。

Answer 1

config中的entry参数错误。通常您在这里指定一个（或一些）入口点。在该文件中，您可以使用 import 导入您现在在 entry 数组中列出的所有依赖项。

我认为 this starter repository 可以帮助您设置 webpack、React 和 Reflux。

Webpack 没有工作

Webpack not worked

javascript

webpack