设置 CSS 模块时 webpack 中的配置对象无效

Question

尝试为 CSS 模块设置 webpack 时出现以下错误...

配置对象无效。 Webpack 已使用与 API 模式不匹配的配置对象进行初始化。 - configuration.output.path：提供的值“build”不是绝对路径！ -> 输出目录为绝对路径（必需）。

以下是我的 webpack.config.js 和 package.json 文件。

webpack.config.js

module.exports = {
  entry: './src',
  output: {
    path: 'build',
    filename: 'bundle.js',
  },
};

package.json

{
  "name": "css-modules",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack && open index.html"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.16.1",
    "webpack-cli": "^3.0.8"
  }
}

如果有人可以提供帮助，将不胜感激。

谢谢！

Answer 1

你需要给出绝对路径而不是'build'。

改用path: path.join(__dirname, 'build')