Webpack 为什么我的jade网页包加载程序不工作?

Webpack 为什么我的jade网页包加载程序不工作?,webpack,Webpack,具有以下内容(改编自OReilly的模块和与webpack捆绑的资产) 这是可行的,但我希望在我的网页配置中有翡翠。因此,我尝试将以下内容添加到我的loaders数组中: { test: /\.jade$/, include: [ Path.resolve(process.cwd(), 'client/views') ], loader: 'raw!jade-html?pretty=false!' } 然后我将应用程序代码中的re

具有以下内容(改编自OReilly的模块和与webpack捆绑的资产)

这是可行的,但我希望在我的网页配置中有翡翠。因此,我尝试将以下内容添加到我的loaders数组中:

{
      test: /\.jade$/,
      include: [
        Path.resolve(process.cwd(), 'client/views')
      ],
      loader: 'raw!jade-html?pretty=false!'
}
然后我将应用程序代码中的require语句更改为

const view = require('../views/index.jade');
这给了我一个错误

ERROR in ./client/views/index.jade
Module parse failed:

因此,重申一下-加载程序解析并使用原始require语句运行良好,但在我将其设置为配置设置时不起作用-我做错了什么?

这是我用来从内联加载程序require语法转换O'Reilly示例的webpack.config.js

const Path = require('path');

const config = {
  entry: {
    app: ['babel-polyfill','./client/js/app']
  },
  output: {
    path: './build',
    filename: '[name]-bundle.js'
  },
  devtool: 'source-map',
  module: {
    loaders:[{
      test: /\.js$/,
      include: [
        Path.resolve(process.cwd(), 'client/js')
      ],
      loader: 'babel',
      query: {
        presets: ['es2015']
      }
    },
    {
      test: /\.jade$/,
      include: [
        Path.resolve(process.cwd(), 'client/views')
      ],
      loaders: ['raw', 'jade-html?pretty=true']
    }]
  },
  resolve: {
    extension: ['', '.js'],
    modulesDirectories: ['node_modules']
  }
};

module.exports = config;
当我停止我的webpack--监视进程并重新启动时,我反而在缺少路径中得到一个错误,我必须更改我的path.resolve以相对于以前的加载程序path.resolve so path.resolve(process.cwd(),'../views'),然后返回到./client/views/index.jade模块解析失败:。。。您可能需要适当的加载程序来处理此文件类型。
const Path = require('path');

const config = {
  entry: {
    app: ['babel-polyfill','./client/js/app']
  },
  output: {
    path: './build',
    filename: '[name]-bundle.js'
  },
  devtool: 'source-map',
  module: {
    loaders:[{
      test: /\.js$/,
      include: [
        Path.resolve(process.cwd(), 'client/js')
      ],
      loader: 'babel',
      query: {
        presets: ['es2015']
      }
    },
    {
      test: /\.jade$/,
      include: [
        Path.resolve(process.cwd(), 'client/views')
      ],
      loaders: ['raw', 'jade-html?pretty=true']
    }]
  },
  resolve: {
    extension: ['', '.js'],
    modulesDirectories: ['node_modules']
  }
};

module.exports = config;