Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Webpack 2控制console.log输出_Javascript_Webpack 2 - Fatal编程技术网

Javascript 使用Webpack 2控制console.log输出

Javascript 使用Webpack 2控制console.log输出,javascript,webpack-2,Javascript,Webpack 2,我最近升级到Webpack 2,现在浏览器中的所有console.log、所有redux记录器输出以及所有JavaScript错误和警告都消失了 我有两个配置-用于开发和测试。它们实际上是相同的,但是dev有console.log,test没有。如何在测试中启用它们 以下是具有console.log的开发人员: const webpack = require('webpack'); const ExtractTextPlugin = require('extract-text-webpack-p

我最近升级到Webpack 2,现在浏览器中的所有console.log、所有redux记录器输出以及所有JavaScript错误和警告都消失了

我有两个配置-用于开发和测试。它们实际上是相同的,但是dev有console.log,test没有。如何在测试中启用它们

以下是具有console.log的开发人员:

const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  devtool: 'source-map',

  entry: [
    'bootstrap-loader',
    'webpack-hot-middleware/client',
    './src/index',
  ],

  output: {
    publicPath: '/dist/',
  },

  module: {
    rules: [{
      test: /\.scss$/,
      use: [
        { loader: 'style-loader' },
        { loader: 'css-loader', options: { localIdentName: '[path][name]--[local]' } },
        { loader: 'postcss-loader', options: { plugins: function () { return [ require('autoprefixer') ]; }}},
        { loader: 'sass-loader' },
      ]
    }, {
      test: /\.css$/,
      use: [
        'style-loader',
        'css-loader',
      ],
    }],
  },

  devServer: {
    hot: true,
    contentBase: '/dist/',
    publicPath: '/dist/'
  },

  plugins: [
    new webpack.DefinePlugin({
      'process.env': { NODE_ENV: '"development"' },
      __DEVELOPMENT__: true,
    }),
    new ExtractTextPlugin({ filename: 'bundle.css' }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
  ],
};
这是一个测试,不需要,但应该:

const webpack=require('webpack'); const ExtractTextPlugin=require('extract-text-webpack-plugin')


起初怀疑是丑陋的插件,尝试删除它-没有结果。给出了什么?

在测试配置中,
条目不包括您的应用程序。因此它不会被捆绑,你的
控制台.log也不会被调用,因为它们不存在,事实上你的整个应用程序都被忽略了。因此,您还需要在测试配置中包含应用程序入口点:

entry: ['bootstrap-loader/extractStyles', './src/index'],

什么类型的
控制台.log
?从你的应用程序(显式调用
console.log
)或从构建工具(例如HMR消息)?是的,从应用程序,从redux logger等。浏览器中可以看到console.log尽管应用程序工作正常,但没有console.log。事实上,Webpack1上的一切都很好。试试你的东西,看看会发生什么,这不可能。但可能您只在开发中启用了
redux记录器
(当
process.env.NODE_env==“development”
),如中所示。我的是谓词:()=>((process.env.NODE_env==“development”)|(process.env.NODE_env==“test”),因此它应该对这两者都起作用。在升级到Webpack2之前,一切都正常,我遵循了他们的迁移指南,只更改了webpack配置。而且不仅仅是redux logger,任何JavaScript错误/警告都会被抑制
entry: ['bootstrap-loader/extractStyles', './src/index'],