Webpack de la console.la sortie du journal?
Quelqu'un peut-il me diriger dans la bonne direction?
Donc j'ai configuré le webpack-dev-serveur avec la truffe suite démo, juste pour avoir une base sur le fondement de mon application. Donc mon fichier de config comprend index.html & app.js et, pourtant, il essaie d'afficher une console.la sortie du journal à partir de app.js rien ne montre 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!");
De 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ù pouvez consulter le "départ!" de sortie, c'est un vrai ennui que j'en ai besoin pour s'attaquer à des erreurs. J'ai essayé de la regarder à http://localhost:8080// et http://localhost:8080/webpack-dev-server//, mais pas de chance.
- où est votre index.html?
- Il est assez gros, mais il ne comprend <script src="./app.js"></script> ou êtes-vous au sujet de la web-pack.fichier de config?
- veuillez fournir une un minimum de reproductibles exemple de lui.
- Il n'a pas de pertinence à la question de savoir si?
- Même un <script> console.log("bonjour"); </script> dans le code html n'a aucun impact sur l'affichage de n'importe quelle sorte de sortie. C'est la webpack fichier de config personnellement, je crois.
- Le Code écrit dans
app.js
n'est pas exécutée par webpack, il analyse le même et appliquer quelques transformations. Webpack fournit une interface pour son fonctionnement interne et c'est ainsi que les plugins de travail dans webpack. Grâce à cette interface, vous pouvez exécuter le code personnalisé(console.connectez-vous à votre cas), tandis que webpack est en passant par son analyse et la compilation des mesures. github.com/webpack/docs/wiki/plugins - Je ne comprends pas pourquoi vous attendez de votre
app.js
œuvres parwebpack
. vous devez utiliser d'une manière différente. - ajouter votre console.log() dans le webpack.config.js fichier et vous le verrez dans le terminal de sortie
Vous devez vous connecter pour publier un commentaire.
Donc de la console.journal des messages à la console de développement de la fenêtre de chrome, si au moins je peux voir mes erreurs.
J'ai essayé de la fenêtre.console.journal et de la fenêtre.console.avertir, mais pas de chance, Si quelqu'un a une réponse pour les sorties d'affichage dans le webpack fenêtre de la console, il serait très apprécié.
Acclamations pour l'aide 😉
J'ai eu ce même problème. Aussi loin que je peux dire, le problème, c'est que Webpack ne fait pas exécuter le code généré sur le serveur. Le processus qui s'exécute sur le serveur vérifie simplement pour les modifications de fichiers et ré-compile lorsque cela est nécessaire. Le code est en fait tous en cours d'exécution sur le client. Donc, la seule façon d'afficher la sortie de la console.log() est pour afficher le navigateur client de console.
Partie de la confusion ici, c'est que, alors que normalement, le nœud s'exécute le javascript sur le serveur, dans ce cas, le nœud est de déléguer à un programme distinct entièrement. Vous pouvez exécuter cette chose ensemble sans nœud installés à tous, juste à l'aide d'une installation autonome de la webpack exécutable. Nœud de l'environnement d'exécution n'est jamais utilisé, donc vous ne pouvez pas vous connecter à elle.