node.js - WebPack - 错误找不到 .src 文件夹

Question

我试图了解 webpack 的工作原理，因此我使用 node js 和 react 创建了一个简单的应用程序。

当我运行 webpack 构建脚本时出现此错误:

未找到条目模块中的错误:错误:无法解析“./src”

我有这个文件夹结构:

root
    src
    package.json
    webpack.config

src 包含所有应用程序文件

这是我的 webpack.config 文件:

const debug = process.env.NODE_ENV !== "production";

const webpack = require('webpack');
const path = require('path');

module.exports = {
    context: __dirname,
    devtool: debug ? 'inline-sourcemap' : null,
    entry: path.join(__dirname, 'src', 'app-client.js'),
    output: {
        path: path.join(__dirname, 'src', 'public', 'javascripts'),
        publicPath: "/javascripts/",
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            test: path.join(__dirname, 'src'),
            loader: ['babel-loader'],
            query: {
                cacheDirectory: 'babel_cache',
                presets: debug ? ['react', 'es2015', 'react-hmre'] : ['react', 'es2015']
            }
        }]
    },
    plugins: debug ? [] : [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
        }),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin({
            compress: { warnings: false },
            mangle: true,
            sourcemap: false,
            beautify: false,
            dead_code: true
        }),
    ]
};

这是我的构建脚本:

cross-env NODE_ENV=production node_modules/.bin/webpack -p

Answer 1

仔细检查您运行 webpack 的路径，例如如果您的文件夹结构是；

驾驶 -> 项目 -> 项目 -> webpack.config.js

您需要确保从项目文件夹中运行 webpack，否则如果您在外部运行它，它将加载其默认配置文件，该文件默认查找 /src 文件夹。