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