Question

为了测试目的，我很难在karma中使用文件加载器。我收到404错误，当尝试在Chrome中调试时，这些文件不会显示在dev-tools下的sources选项卡中。

require("file-loader?name=img/[name].[ext]?!./testdata/sad.jpg");

只是行不通。

我的webpack.config.js：

module.exports = {
    entry   : './src/client/index.js',
    output  : {
        filename: 'bundle.js',
        path    : './dist'
    },
    resolve : {
        extensions: ['.js', '.jsx', '.css', '.scss', '']
    },
    module  : {
        loaders: [
            {
                test   : /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader : 'babel-loader',
                query  : {
                    presets: ['es2015']
                }
            },
            {
                test: /\.jpg$/,
                loader: 'file-loader'
            }
        ]
    },
    plugins : []
};

我的karma.conf.js：

const _            = require('lodash');
const RewirePlugin = require("rewire-webpack");
let webpackConfig  = _.clone(require('./webpack.config.js'), true);
webpackConfig.plugins.push(new RewirePlugin());

module.exports = function (config) {
    config.set(
        {
            basePath: './src/',
            frameworks: ['mocha'],
            files: [{pattern: '**/*.test.js'}],
            exclude: [],
            preprocessors: {
                '**/*.js': ['webpack']
            },
            webpack: {
                plugins: webpackConfig.plugins,
                module : webpackConfig.module,
                resolve: webpackConfig.resolve
            },
            reporters: ['progress', 'mocha'],
            port: 9876,
            colors: true,
            logLevel: config.LOG_INFO,
            autoWatch: false,
            browsers: ['Chrome'],
            singleRun: true,
            concurrency: Infinity
        })
};

Answer 1

您可以使用npm_lifecycle_event区分test＆amp;构建运行。然后在测试中使用url-loader而不是使用文件加载器。设定限制高 “URL装载机？极限= 999999”，然后不会创建静态文件，而是使用base64网址。

希望这有帮助。

var loader;
if (process.env.npm_lifecycle_event === 'test') {
   loader = {
            test: /\.jpg$/,
            loader: 'url-loader?limit=999999'
        };
} else {
  loader = {
            test: /\.jpg$/,
            loader: 'file-loader'
        };
}

文件加载器不适用于jpeg

1 个答案: