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报错说找不到Extract Text Plugin的模块，但是我在本地用npm install安装后就解决了

webpack 的其他部分工作正常，即使是现在，当我修改 js 时，它会 livereload 以正确的 js 文件呈现页面。

如果有人能帮助我，谢谢。

Answer 1

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

的 package.json 中添加另一个脚本

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

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

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

webpack compiled successfully but extract text plugin no export content

webpack

webpack-dev-server

extract-text-plugin

extracttextwebpackplugin