我如何获得业力将 webpack 的模式设置为开发？

Question

当我运行 karma 时，我收到以下警告：

配置中的警告 'mode' 选项尚未设置，webpack 将回退到该值的 'production'。将 'mode' 选项设置为 'development' 或 'production' 以启用每个环境的默认值。您还可以将其设置为“无”以禁用任何默认行为。了解更多：https : //webpack.js.org/concepts/mode/

我尝试按照上面链接中的建议添加mode: 'development'到我的webpack-test.config.js文件中，但这不仅没有产生任何影响，Intellij IDEA 抱怨说：

webpack：不允许属性“模式”

我的单元测试无论如何都在运行，但我想摆脱这个警告。任何帮助深表感谢。

这是我的webpack-test.config.js文件：

const path = require('path');
const webpack = require('webpack');

const ROOT = path.resolve( __dirname, 'src' );

module.exports = {
  mode: 'production',
  context: ROOT,

  resolve: {
    extensions: ['.ts', '.js'],
    modules: [
      ROOT,
      'node_modules'
    ]
  },

  module: {
    rules: [
      // PRE-LOADERS
      {
        enforce: 'pre',
        test: /\.js$/,
        use: 'source-map-loader'
      },

      // LOADERS
      {
        test: /\.ts$/,
        exclude: [ /node_modules/ ],
        use: 'ts-loader'
      }
    ]
  },

  devtool: 'cheap-module-source-map',
  devServer: {}
};

我的karma.conf.js：

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('karma-webpack')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    files: [
      'spec.bundle.js'
    ],
    preprocessors: {
      'spec.bundle.js': ['webpack']
    },
    webpack: require('./webpack-test.config')
  });
};

并且spec.bundle.js：

const testsContext = require.context("./", true, /\.spec\.ts$/);
testsContext.keys().forEach(testsContext);

我正在通过以下方式启动业力：

karma start ./karma.conf.js

Answer 1

我通过反复试验偶然发现了这一点，替换：

webpack: require('./webpack-test.config')

...karma.conf.js与：

webpack: {
  mode: 'development'
}

...警告消失了。不仅如此，我发现我真的不需要我的webpack-test.config，也不需要我加载的两个 npm 模块来支持它，source-map-loader并且ts-loader.

如果有人确实想要同时指定mode: 'development'和指定特定的 webpack 配置文件，我不确定他们会如何做。我尝试了几种选择，但找不到任何可行的方法。这个东西没有很好的文档:(