多 ./src/index.js ./dist/bundle.js 中的 webpack 错误答案

【问题标题】：webpack ERROR in multi ./src/index.js ./dist/bundle.js多 ./src/index.js ./dist/bundle.js 中的 webpack 错误
【发布时间】：2018-08-06 23:09:52
【问题描述】：

配置中的警告 'mode' 选项尚未设置。将“模式”选项设置为“开发”或“生产”以启用此环境的默认值。多 ./src/index.js ./dist/bundle.js 中的错误

【问题讨论】：

版本：webpack 4.0.1 配置中的警告 'mode' 选项尚未设置。将“模式”选项设置为“开发”或“生产”以启用此环境的默认值。多 ./src/index.js 中的错误 ./dist/bundle.js 未找到模块：错误：无法解析 '/MyDisk/Work/mywork/webServer/documents/webpack 中的 './dist/bundle.js' -demo' @multi ./src/index.js ./dist/bundle.js
你的问题太笼统了，我怀疑这与webpack v4 的相当新版本有关。查看他们关于如何迁移到 webpack v4 的文档。

标签： webpack

【解决方案1】：

以下是来自 webpack 的帮助信息，在 webpack 4

中输入 webpack --help

Usage without config file: webpack <entry> [<entry>] --output [-o] <output>

注意：--output 需要明确指定

解决方案：

webpack src/index.js --output dist/bundle.js --mode development

如果您使用的是webpack.config.js：

const path = require('path');

module.exports = {
  mode: 'development',     // set mode option, 'development' or 'production'
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname,'dist'),
    filename: "bundle.js"
  }
};

【讨论】：

为我工作，我只是错过了在输出路径之前编写“-o”标志。谢谢

【解决方案2】：

我不确定这里的确切问题是什么，但我也有这个警告并通过在 Webpack 配置文件中设置 mode 属性来解决它们

package.json

    {
      "name": "my-awesome-project",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "build": "NODE_ENV=production webpack",
      },
      ...
      "devDependencies": {
       ...
      },
      "dependencies": {
       ...
      }
    }

webpack.config.js

const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');

const distDir = path.join(__dirname, 'dist');

const config = {
  mode: 'development',
  entry: ['./src/js/app.js'],
  output: {
    path: distDir,
    filename: 'js/[name].js',
  },
  module: {
    rules: [
      ...
    ]
  },
  plugins: [
    ...
  ],
  devtool: "eval-source-map", // Default development sourcemap
};

// Check if build is running in production mode, then change the sourcemap type
if (process.env.NODE_ENV === 'production') {
  config.devtool = ''; // No sourcemap for production
  config.mode = 'production';

  // Add more configuration for production here like
  // Uglify plugin
  // Offline plugin
  // Etc,
}

module.exports = config;

希望对你有帮助。

【讨论】：

【解决方案3】：

配置文件中的设置模式有时不起作用。只需添加--mode=development 即可。

"scripts": {
  "start": "webpack --config webpack.config.js --hot --mode=development",
}

【讨论】：