如何使用htmlhint-loader与vuejs

Question

我试图设置我的vuejs应用程序，但我不知道如何正确配置这个与我的webpack配置html lint。我目前正在尝试htmlhint-loader。我使用以下命令安装了它：

npm install htmlhint-loader --save

并在我的网页中添加了以下代码。基础配置：

module: {
  preLoaders: [
    {
      test: /\.vue$/,
      loader: 'eslint',    // I'm already using eslint which works as expected
      include: projectRoot,
      exclude: /node_modules/
    },
    {
      test: /\(vue|html)$/,
      loader: 'htmlhint',
      include: projectRoot,
      exclude: /node_modules/
    },
    ...
    ...

但这不起作用，让我知道，如果还有什么需要使它工作。

当我使用这个正则表达式时：

test: /(vue|html)$/,

我发现以下错误：

错误/~/html网页包插件/lib/loader。js/指数html模块分析失败：

Answer 1

那么你需要网页包联合收割机

  var combineLoaders = require('webpack-combine-loaders')
  ...
  preLoaders: {
    html: combineLoaders([
      {
        loader: 'htmlhint-loader',
        exclude: /node_modules/,
        options: {
          rulesDir: 'rules/',
          'my-new-rule': 'this is pass to the rule (option)'
        }
      }
    ])
  }
  ...

Answer 2

htmlhint-loader无法检查vue-