Question

我正努力通过html-loader包含一个简单的footer.html，作为html partial。我正在使用webpack版本2.

我没有尝试使用${require('**./footer.html**')}和${require('**../footer.html**')}。

我没有使用ejs加载器而且我没有使用把手插件。

是否有人知道如何解决此问题以及是否可以使用webpack呈现部分内容。

感谢您的建议！

Answer 1

我使用html-loader并简单地添加 <%= require('html-loader!./partial/header.html') %> 到我的主要index.html。那对我有用。

Answer 2

该功能称为interpolation。这里{ test: /\.html$/, use: ['html-loader?interpolate'] },是一个webpack配置规则，它通过指定interpolate标志来利用它。

Answer 3

在Webpack.config文件中，您可以添加如下所示的主要HTML

   plugins: [ 
    new HtmlWebpackPlugin({
        template: 'index.html'
    }),
    new ExtractTextPlugin('bundle.css')
],

在package.json中包含html-loader并在config block中单独使用下面的方法就足够了。

  $stateProvider.state('app', {
            url: '/app',
            template: require('html-loader!root/app/Common/templates/role.html'),
            controller: 'roleController'
        })

所以所有部分都将捆绑在bundle.js本身中。不需要在webpack-config中添加加载器

Answer 4

我测试了你的webpack.config.js文件。您所要做的就是删除以下内容：

{
    test: /\.html$/,
    use: ['html-loader']
},

这样fallback lodash loader comes into play。

如何使用html-loader包含webpack（版本2）的html部分？

4 个答案: