javascript - Webpack 初始化失败

Question

我刚刚按照在线教程开始使用 Webpack。

每当我运行 npm run dev 时，Webpack 都不会运行并给出错误:Webpack 已使用与 API 架构不匹配的配置对象进行初始化。

-configuration.output 具有未知属性“fileName”。这些属性是有效的:
对象 { auxiliaryComment?, chunkFilename?, webassembleModuleFilename?, globalObject?, crossOriginLoading?, jsonpScriptType?, chunkLoadTimeout?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, 文件名?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?、hotUpdateFunction?、hotUpdateMainFilename?、jsonpFunction?、chunkCallbackName?、library?、libraryTarget?、libraryExport?、path?、pathinfo?、publicPath?、sourceMapFilename?、sourcePrefix?、strictModuleExceptionHandling?、umdNamedDefine? }
-> 影响编译输出的选项。output选项告诉 webpack 如何将编译后的文件写入磁盘。


这是我的文件:

package.json

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "Forkify Project",
  "main": "index.js",
  "scripts": {
    "dev": "webpack"
  },
  "author": "Sanjay",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.12.0",
    "webpack-cli": "^3.0.8"
  },
  "dependencies": {}
}

webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
        path: path.resolve(__dirname, 'dist/js'),
        fileName: 'bundle.js'
    },
    mode: 'development'
}

Answer 1

您的输出对象是错误的。 ( 文件名 => 文件名 )

const path = require('path');

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