Question

我想将自定义的Modernizr构建集成到我的Angular项目中以进行特征检测。我找到了这个Webpack Modernizr loader on GitHub，但是我不知道如何将其集成到我的项目中。

我将以下代码放入项目根目录下的.modernizrrc文件中，但实际上该如何调用呢？

{
  "minify": true,
  "options": [
    "setClasses"
  ],
  "feature-detects": [
    "test/css/vwunit"
  ]
}

README文件中有此代码，但我不知道将其放置在何处。

const path = require('path');

module.exports = {
  module: {
    rules: [
      {
        test: /\.modernizrrc.js$/,
        use: [ 'modernizr-loader' ]
      },
      {
        test: /\.modernizrrc(\.json)?$/,
        use: [ 'modernizr-loader', 'json-loader' ]
      }
    ]
  },
  resolve: {
    alias: {
      modernizr$: path.resolve(__dirname, "path/to/.modernizrrc")
    }
  }
}

Answer 1

我找到了解决此问题的方法。您可以使用ngx-build-plus包含部分Webpack配置。

const webpack = require('webpack');

module.exports = {
  module: {
    rules: [
      {
        test: /\.modernizrrc.js$/,
        use: [ 'modernizr-loader' ]
      },
      {
        test: /\.modernizrrc(\.json)?$/,
        use: [ 'modernizr-loader', 'json-loader' ]
      }
    ]
  },
  resolve: {
    alias: {
      modernizr$: path.resolve(__dirname, "path/to/.modernizrrc")
    }
  }
}

将自定义Modernizr构建集成到Angular项目中的最佳方法是什么？

1 个答案: