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

Question

我正在努力通過html-loader包含一個簡單的 footer.html，作為 html 部分）。 我正在使用webpack版本 2。

我嘗試使用${require('**./footer.html**')}和${require('**../footer.html**')}失敗。

我沒有使用 ejs 加載器，也沒有使用把手插件。

有人知道我如何解決這個問題以及是否可以使用webpack渲染部分。

謝謝你的建議！

Answer 1

我使用html-loader並簡單地將<%= require('html-loader!./partial/header.html') %>到我的主index.html 。 那對我有用。

Answer 2

該功能稱為插值。 這里{ 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 並在配置塊中單獨使用以下方法就足夠了。

  $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']
},

這樣后備 lodash 加載器就可以發揮作用了。