【问题标题】:Webpack 4 ./src directory not found未找到 Webpack 4 ./src 目录
【发布时间】:2019-08-28 10:12:26
【问题描述】:

我正在尝试将 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 时,出现以下错误:

找不到入口模块中的错误:错误:无法解析'./src'

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

提前致谢。

【问题讨论】:

    标签: javascript webpack webpack-dev-server webpack-4


    【解决方案1】:

    只需将你的 npm start 脚本更改为:

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

    Webpack 会自动在根文件夹中搜索webpack.config.js。从 v4 开始,Webpack 还声称是一个零配置捆绑器,因此如果找不到配置,它将使用opinionated defaults。例如:

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

    您的配置似乎是正确的,但 Webpack 找不到它并假定默认条目,因此您的错误 Can't resolve './src'

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-12-15
      • 2021-02-22
      • 1970-01-01
      • 1970-01-01
      • 2015-07-19
      相关资源
      最近更新 更多