webpack - webpack编译成功但提取文本插件没有导出内容

Question

这是我的 webpack 配置：

const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: {
    index: [
      "webpack-dev-server/client?http://localhost:8081",
      "./components/index.js"
    ]
  },
  output: {
    filename: './build/dist.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: 'babel-loader'
      },
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract(
          {
            fallback: "style-loader",
            use: {
              loader: "css-loader",
              options: {
                modules: true,
                localIdentName: "[path][name]__[local]--[hash:base64:5]"
              }
            },
          }
        )
      }
    ]
  },
  plugins: [new ExtractTextPlugin("./build/dist.css", {allChunks: true})]
};

并且 webpack 编译成功

但是我找不到 dist.css 文件，在 Everything 软件搜索结果中也找不到。

在此之前唯一奇怪的是 webpack 错误说找不到提取文本插件的模块，但是我在本地使用 npm install 安装后，它就解决了。

webpack 的其他部分工作正常，即使是现在，当我修改 js 时，它会重新加载以显示正确的 js 文件的页面。

谢谢如果有人可以帮助我。

Answer 1

webpack-dev-server将文件保存在内存中。您可以在package.json没有webpack-dev-server.

  "scripts": {
      "build-dev": "webpack --config ./dev.webpack.js"
  }

并且不要使用这样的条目webpack-dev-server/client?http://localhost:8081。使用对象属性。https://webpack.js.org/configuration/dev-server/