最近Webpack 2にアップグレードしましたが、ブラウザのすべてのconsole.logが消え、すべてのredux-logger出力とすべてのJavaScriptエラーと警告が消えました。Webpack 2でconsole.log出力を制御する
私はdevとtestの2つの設定を持っています。それらは事実上同じですが、devにはconsole.logがあり、テストには含まれません。テストでそれらを有効にするには?
ここconsole.logsがありDEVです:
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は=( 'WebPACKのを')が必要ですが、 const ExtractTextPlugin = require( 'extract-text-webpack-plugin');
module.exports = {
devtool: 'source-map',
entry: ['bootstrap-loader/extractStyles'],
output: {
publicPath: 'dist/',
},
module: {
rules: [{
test: /\.scss$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'postcss-loader', options: { plugins: function() { return [ require('autoprefixer') ]; }}},
{ loader: 'sass-loader' },
]
}, {
test: /\.css$/,
use: [
'style-loader',
'css-loader',
],
}],
},
plugins: [
new webpack.DefinePlugin({
'process.env': { NODE_ENV: '"test"' },
__DEVELOPMENT__: true,
}),
new ExtractTextPlugin({ filename: 'bundle.css' }),
new webpack.optimize.UglifyJsPlugin({ sourceMap: true }),
],
};
最初にUglifyプラグインの疑いがあり、削除しようとしました。結果はありません。何がありますか?
どのような 'console.log'ですか?あなたのアプリから(明示的に 'console.log'を呼び出す)、またはビルドツールから(例えばHMRメッセージ)? –
アプリから、redux-loggerなどからconsole.logがブラウザに表示されます –