我正在将使用requirejs的项目转换为webpack，并遇到“ html-loader”加载器的问题。
package.json：
"html-loader": "^0.3.0",
"webpack": "^1.11.0",
"webpack-dev-server": "^1.10.1"
app / js / webpack.config.js：
// folder structure:
// root
// app/js
// bower_components/
// dist/
// node_modules/
entry: './app/js/main.js',
output: {
path: 'dist/js/',
filename: 'bundle.js',
},
module: {
loaders: [
// Note, via requirejs's "text" plugin, I included templates
// like this: var tpl = require('text!sample.html');
// For webpack, I went through the codebase and cleaned up
// every instance of "text!".
{test: /\.html$/, loader: 'html'}
]
},
resolve: {
root: ['app/js', 'bower_components'],
alias: {
...
}
},
plugins: [
new webpack.ResolverPlugin(
new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin(
'bower.json', ['main']
)
)
]
当我运行webpack时--webpack --config app/js/webpack.config.js我收到以下错误消息：
app / js / some / file.js中的
错误找不到模块：错误：无法解析app / js / some / file.js中的模块'html'
我尝试了以下方法，但没有用：
resolveLoader: {
root: [path.join(__dirname, 'node_modules')],
},
还尝试将“ webpack.config.js”移至项目根目录。那也没有帮助。
而且，甚至尝试使用“原始加载器”加载器，这也会导致相同的“无法解析模块“原始””错误。
任何帮助，将不胜感激。谢谢。
完全放弃了更新此球。
1）我应该一直在使用text-loader，这使我每个都可以留在原处require('text!some/template.html');。
2）我的根路径不是绝对的。根据手册，“它必须是绝对路径！请勿传递./app/modules之类的东西。”
3）如果您require看起来像require('text!some/file.html')，那么您就完成了。在webpack.config.js中定义加载器是多余的。如果这样做，您的模板最终将看起来像module.exports="module.exports=\"...\""。
更新的配置：
entry: './app/js/main.js',
output: {
path: 'dist/js/',
filename: 'bundle.js',
},
module: {
loaders: [/*nothing*/]
},
resolve: {
root: [
path.resolve('app/js'),
path.resolve('bower_components')
],
alias: {
...
}
},
plugins: [
new webpack.ResolverPlugin(
new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin(
'bower.json', ['main']
)
)
]
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句