仅将加载器应用于 webpack 中的一个文件

Question

我是 webpack 的新手。直到现在我一直在使用 gulp 并尝试迁移到 webpack。

在我的 .gulpfile 我有：

var preProcess = require('gulp-preprocess');

gulp.src('app/config/app.constants.js')
.pipe(preProcess({
  context: {
    NODE_ENV: options.env
  }
}))

我在 app/config/app.constants.js 中有以下几行需要在生产中删除：

//@if NODE_ENV='development'
AppConstants.api = 'https://localhost:333/api';
AppConstants.webRoot = 'http://localhost:222';
//@endif

我正在尝试在 wepack.config.js 中完成此操作：

if (!isDev) {
    config.module.rules.push([
        {
            test: ???, // Can't figure out what to put here
            exclude: /(node_modules|bower_components|\.spec\.js)/,
            use: [
                {
                    loader: 'webpack-strip-block',
                    options: {
                        start: '@if NODE_ENV='development'',
                        end: '@endif'
                    }
                }]
        }
    ])
}

两个问题：如何测试单个文件？这是替换gulp-preprocess的正确方法吗？

Answer 1

要将加载器应用于单个文件，请使用 include 而不是 exclude。这是白名单而不是黑名单。您根本不需要使用test。比如……

{
    include: 'path/to/your/file',
    use: [{
        loader: 'webpack-strip-block',
        options: {
            start: '@if NODE_ENV='development'',
            end: '@endif'
        }
   }]
}