Webpack console.log输出？ [英] Webpack console.log output?

问题描述

有人可以指引我正确的方向吗？

Can anyone direct me in the right direction?

因此，我使用松露套件演示程序设置了webpack-dev-server，只是为了奠定我应用程序的基础。所以我的配置文件包含index.html& app.js，但是它尝试显示从console.log输出到console.log的内容，但没有通过控制台显示？

So i've setup the webpack-dev-server with the truffle suite demo, just to get a basis on the foundation of my app. So my config file includes index.html & app.js, yet it try to display a console.log output to from app.js nothing shows via the console?

webpack.config.js

webpack.config.js

const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports =
  {
  entry: './app/javascripts/app.js',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'app.js',
  },
  plugins: [
    // Copy our app's index.html to the build folder.
    new CopyWebpackPlugin([
      { from: './app/index.html', to: "index.html" }
    ])
  ],
  module: {
    rules: [
      {
       test: /\.css$/,
       use: [ 'style-loader', 'css-loader' ]
      }
    ],
    loaders: [
      { test: /\.json$/, use: 'json-loader' },
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015'],
          plugins: ['transform-runtime']
        }
      }
    ]
  },
devServer: {
        compress: true,
        disableHostCheck: true,   // That solved .
        quiet: false,
        noInfo: false,
stats: {
  // Config for minimal console.log mess.
  colors: true,
  version: false,
  hash: false,
  timings: false,
  chunks: false,
  chunkModules: false

        }
 }
}

app.js

// Import libraries we need.
import { default as Web3} from 'web3';
import { default as contract } from 'truffle-contract'

// Import our contract artifacts and turn them into usable abstractions.
import metacoin_artifacts from '../../build/contracts/MetaCoin.json'
import dextre_artifacts from '../../build/contracts/Dextre.json'

console.log("starting!");

运行webpack时的输出

Output when running webpack

Project is running at http://localhost:8080/
webpack output is served from /
     Asset     Size  Chunks                    Chunk Names
    app.js  1.93 MB       0  [emitted]  [big]  main
index.html  19.8 kB          [emitted]         
webpack: Compiled successfully.

在哪里可以查看开始！输出，这是一个真正的烦恼，因为我需要解决错误。我尝试在 http：// localhost：8080 // 和 http：// localhost：8080 / webpack-dev-server /// ，但是没有运气。

Where can view the "starting!" output, this is a real annoyance as i need to tackle errors. I've tried viewing at http://localhost:8080// and http://localhost:8080/webpack-dev-server//, but no luck.

推荐答案

我遇到了同样的问题。据我所知，问题是Webpack实际上没有在服务器上运行生成的代码。在服务器上运行的进程仅检查文件更改并在必要时重新编译。该代码实际上全部在客户端上运行。因此，查看console.log（）的输出的唯一方法是查看客户端浏览器的控制台。

I had this same problem. As far as I can tell, the problem is that Webpack does not actually run the generated code on the server. The process that runs on the server simply checks for file changes and re-compiles when necessary. The code is actually all running on the client. So, the only way to view output from console.log() is to view the client browser's console.

这里的部分混乱之处在于，通常情况下，节点运行javascript在这种情况下，服务器上的节点完全委派给一个单独的程序。您可以只安装webpack可执行文件的独立安装，而无需安装任何节点即可运行整个过程。从未使用过Node的执行环境，因此您无法登录。

Part of the confusion here is that while normally, node runs javascript on the server, in this case, node is delegating to a separate program entirely. You can run this whole thing without node installed at all, just using a standalone installation of the webpack executable. Node's execution environment is never used, thus you can't log to it.

这篇关于Webpack console.log输出？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！