web-dev-qa-db-fra.com

Webpack console.log sortie?

Quelqu'un peut-il me diriger dans la bonne direction? 

J'ai donc configuré webpack-dev-server avec la démo de la suite truffle, juste pour obtenir une base sur les fondements de mon application. Donc, mon fichier de configuration inclut index.html & app.js, mais il essaie d’afficher une sortie console.log sur app.js, mais rien ne s’affiche via la console? 

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

Sortie lors de l'exécution de 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.

Où peut voir le "début!" sortie, c’est un véritable désagrément, car j’ai besoin de combattre les erreurs. J'ai essayé de visualiser sur http: // localhost: 8080 // et http: // localhost: 8080/webpack-dev-server // , mais pas de chance.

javascriptwebpackoutputwebpack-dev-serverconsole.log
8
Samuel Gosling

J'ai eu le même problème. Autant que je sache, le problème est que Webpack n'exécute pas le code généré sur le serveur. Le processus qui s'exécute sur le serveur vérifie simplement les modifications de fichier et se recompile si nécessaire. Le code est en fait entièrement exécuté sur le client. Ainsi, le seul moyen d’afficher le résultat de console.log () consiste à afficher la console du navigateur client.

Une partie de la confusion ici est que, bien que normalement, noeud exécute javascript sur le serveur, dans ce cas, il délégue entièrement à un programme distinct. Vous pouvez exécuter tout ce processus sans que le noeud soit installé, en utilisant simplement une installation autonome de l'exécutable webpack. L'environnement d'exécution du nœud n'est jamais utilisé, vous ne pouvez donc pas vous y connecter.

1
nupanick