Question

当我经营业力时，我收到以下警告：

警告配置 'mode'选项尚未设置，webpack将回退到此值的'production'。将“mode”选项设置为“development”或“production”以启用每个环境的默认值。您还可以将其设置为“无”以禁用任何默认行为。了解详情：{{3}}

我尝试按照上面的链接建议将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配置文件，我不确定他们是如何做到的。我尝试了一些选项，找不到任何可行的方法。这个东西没有很好的文档:(

Answer 2

您不必在配置文件中要求使用webpack软件包。不知道这是否导致Intellij感到困惑，但是mode当然是webpack的有效属性。

https://webpack.js.org/concepts/mode/

我还注意到，在您的karma.conf.js文件中，行webpack: require('./webpack-test.config')缺少配置文件的.js扩展名。这就是为什么您的配置设置未反映在业力测试中的原因。

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

2 个答案: