Как лучше всего интегрировать пользовательскую сборку Modernizr в проект Angular?

Question

Я хочу интегрировать пользовательскую сборку Modernizr в мой проект Angular для определения возможностей.Я нашел этот загрузчик Webpack Modernizr на 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 .

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")
    }
  }
}