Webpack不起作用

Webpack not worked

本文关键字:不起作用 Webpack      更新时间:2023-09-26

我有这样一个结构的项目:

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.jsaction.js工作正常,但找不到store.js和文件夹com中的所有文件。

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

我认为这个入门知识库可以帮助你建立webpack、React和Reflux。