Javascript 使用Webpack 2控制console.log输出
我最近升级到Webpack 2,现在浏览器中的所有console.log、所有redux记录器输出以及所有JavaScript错误和警告都消失了 我有两个配置-用于开发和测试。它们实际上是相同的,但是dev有console.log,test没有。如何在测试中启用它们 以下是具有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
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'],