我正在尝试为自定义文件类型创建自定义Webpack加载器,但是在尝试对其进行测试时,它不接受该文件。该错误显示为“无法在'C:\ Path \ to \ main \ folder'中解析'test.seh'”。我正在使用webpack 4。
我找到了建议添加一个resolve标签的答案,这是我尝试过的。无论是将其放在module.exports之下还是放在规则内部(如webpack 4所建议),它都没有什么不同。
这是我的webpack.config.json。
const path = require('path');
module.exports = {
entry: 'test.seh',
output: {
filename: 'bundle.html'
},
module: {
rules: [{
test: /\.seh$/,
resolve: { extensions: ['.seh'] },
use: [{
loader: 'file-loader',
options: {
name: 'test.html',
useRelativePath: true,
},
},
{ loader: path.resolve(__dirname, '../src/seh-loader.js') }
]
}]
}
}
可能并不重要,但这也是test.seh文件。目前,它仅包含随机示例文本。
test text <html> blah $tagname#id.class.class2[attr="ibute"]