找不到 Webpack 4 ./src 目录

Question

我正在尝试将 webpack 配置拆分为基础配置、开发配置和生产配置。这是我在 webpack.base.babel.js 文件

中的条目部分

module.exports = options => ({
   mode: options.mode,
   entry: options.entry,
   output: Object.assign(
     {
      // Compile into js/build.js
      path: path.resolve(process.cwd(), 'build'),
      publicPath: '/',
     },
     options.output,
   ), // Merge with env dependent settings

这是 webpackdev.babel.js 文件的入口部分：

module.exports = require('./webpack.base.babel')({
  mode: 'development',

  // Add hot reloading in development
  entry: [
    require.resolve('react-app-polyfill/ie11'),
    'webpack-hot-middleware/client?reload=true',
    path.join(process.cwd(), 'app/app.js'), 
  ],

  // Don't use hashes in dev mode for better performance
  output: {
    filename: '[name].js',
    chunkFilename: '[name].chunk.js',
  },

我在 package.json 中的启动脚本如下所示："start": "webpack-dev-server --mode development"

但是当我运行 npm start 我得到以下错误：

ERROR in Entry module not found: Error: Can't resolve './src'

。我在 Windows 10。谁能解释一下我的 webpack 配置有什么问题。我将入口文件指定为 app/app.js 但 webpack 仍然默认为 src/index.js.

提前致谢。

Answer 1

只需将您的 npm start 脚本更改为：

即可显式提交您的 webpack 配置

"start": "webpack-dev-server --config webpackdev.babel.js"

Webpack 搜索 webpack.config.js in the root folder automatically. Starting with v4, Webpack also claims to be a zero config bundler, so it will use opinionated defaults，如果找不到配置。例如：

您的项目的入口点假定为 src/index
输出将放在dist/main.js
生产 mode 将缩小并进行优化

您的配置似乎是正确的，但 Webpack 无法找到它并采用默认条目，因此您的错误 Can't resolve './src'。

找不到 Webpack 4 ./src 目录

Webpack 4 ./src directory not found

javascript

webpack

webpack-dev-server

webpack-4