wake-up-neo.com

Ausgabe von Webpack Console.log?

Kann mich jemand in die richtige Richtung lenken? 

Also habe ich den Webpack-Dev-Server mit der Truffle-Suite-Demo eingerichtet, nur um eine Grundlage für das Fundament meiner App zu erhalten. Also enthält meine Konfigurationsdatei index.html & app.js, aber es wird versucht, eine console.log-Ausgabe anzuzeigen, die von app.js nichts über die Konsole anzeigt. 

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!");

Ausgabe beim Ausführen von 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.

Wo kann man das "Starten" sehen? Output, das ist ein echter Ärger, da ich Fehler beheben muss. Ich habe versucht, unter http: // localhost: 8080 // und http: // localhost: 8080/webpack-dev-server // anzuzeigen, aber kein Glück.

8
Samuel Gosling

Ich hatte das gleiche Problem. Soweit ich das beurteilen kann, ist das Problem, dass Webpack den generierten Code nicht tatsächlich auf dem Server ausführt. Der Prozess, der auf dem Server ausgeführt wird, sucht einfach nach Dateiänderungen und kompiliert bei Bedarf erneut. Der Code läuft eigentlich alles auf dem Client. Die einzige Möglichkeit, die Ausgabe von console.log () anzuzeigen, besteht darin, die Konsole des Client-Browsers anzuzeigen.

Ein Teil der Verwirrung hier ist, dass der Knoten normalerweise Javascript auf dem Server ausführt. In diesem Fall delegiert der Knoten vollständig an ein separates Programm. Sie können dieses Ganze ohne Knoten ausführen, indem Sie eine eigenständige Installation der ausführbaren Webpack-Datei verwenden. Die Ausführungsumgebung von Knoten wird nie verwendet, daher können Sie sich nicht bei ihr anmelden.

1
nupanick