• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

HTML-的WebPack模板选项bodyHtmlSnippet不是为我工作

JavaScript 来源:JESii 3次浏览

我在我的WebPack配置如下定义:HTML-的WebPack模板选项bodyHtmlSnippet不是为我工作

new HtmlWebpackPlugin({ 
    inject: false, 
    template: require('html-webpack-template'), 
    links: [{ 
     rel: 'stylesheet', 
     href: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', 
     integrity: 'sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u', 
     crossorigin: 'anonymous' 
    }, { 
     rel: 'stylesheet', 
     href: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css', 
     integrity: 'sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp', 
     crossorigin: 'anonymous' 
    }, { 
     rel: 'stylesheet', 
     href: 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 
     crosorigin: 'anonymous' 
    }, { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' }], 
    scripts: [{ 
     src: 'https://code.jquery.com/jquery-3.2.1.min.js', 
     integrity: 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=', 
     crossorigin: 'anonymous' 
    }, { 
     src: 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', 
     integrity: 'sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa', 
     crossorigin: 'anonymous' 
    }], 
    title: options.title, 
    appMountId: options.appMountId, 
    bodyHtmlSnippet: '<div id=\'demo\'></div>' 
}); 

“选项” 指定值时,这就是所谓的:

parts.indexTemplate({ 
    title: 'Free Code Camp Exercises', 
    appMountId: 'app' 
}) 

建立到webpack-dev-server和生产全部完成没有错误,我能够显示应用程序。

所有参数都可以正常工作除了,未添加主体代码片段。

我在做什么错?


===========解决方案如下:

原来我在插件的版本5.x; bodyHtmlSnippet是一个非常新的选项,只在6.1行中可用。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)