开发者问题收集

Webpack 不起作用

2015-12-13
64

我的项目结构如下:

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 时,出现此错误: 错误:找不到模块“./store” 。出了什么问题?文件 reducers.jsaction.js 工作正常,但 store.js 和文件夹 com 中的所有文件都找不到。

1个回答

config 中的 entry 参数错误。通常,您会在此处指定一个(或多个)入口点。在该文件中,您可以使用 import 导入您现在在 entry 数组中列出的所有依赖项。

我认为 此入门存储库 可以帮助您设置 webpack、React 和 Reflux。

spacek33z
2015-12-13