Tag: webpack pug

使用pug-html-loader将数据传递给帕格（不能读取未定义的属性）

根据pug-html-loader的readme， 加载器接受一个data对象，这个data对象被作为options一部分传递给模板。 虽然帕格API参考中的options不可用，但是我发现的一个grunt插件（ grunt-contrib-pug ）以相同的方式使用API​​。 我为loader指定了以下选项： loader: 'pug-html-loader', options: { pretty: true, exports: false, debug: !env.production, compileDebug: !env.production, cache: config.build.useCaching, doctype: 'html', data: { title: config.metadata.title, baseUrl: config.build.baseUrl, server: env.server, metadata: config.metadata } } 根据这个问题 ，我想按以下方式访问： title= data.title 但是，编译时总是遇到以下错误： ERROR in Error: Child compilation failed: Module build failed: TypeError: Cannot read property 'title' of undefined […]

如何使用jade和webpack使用热重载进行HTML编码

我是新的webpack ，试图设置简单的configuration来编码HTML / CSS与jade模板， PostCSS ， hot reload和通过webpack-dev-server提供HTML来加速编码的经验。 所以我会有多个入口点，一些包含CSS，img，字体和其他资源的jade文件。 任何webpackconfigurationbuild议？ 谢谢。 我已经尝试过html-webpack-plugin ，configuration如 new HtmlWebpackPlugin({ filename:'page1.html', templateContent: function(templateParams, compilation) { var templateFile = path.join(__dirname, './src/page1.jade'); compilation.fileDependencies.push(templateFile); return jade.compileFile(templateFile)(); }, inject: true, }) 它的工作，但没有热重新加载玉包括，没有CSS / IMG /字体资产.. 然后我发现indexhtml-webpack-plugin但它似乎只适用于HTML文件，不支持模板。 EDIT1： 现在，我结束了这个webpack.config.js ： var path = require('path'), webpack = require('webpack'), HtmlWebpackPlugin = require('html-webpack-plugin'), node_modules_dir = path.resolve(__dirname, 'node_modules'); module.exports […]