webpack2 externals使用后,如何在html自动加引用?

问题描述

问 题

例如

module:{
    externals: {
        "react": "React",
    },
}

我看到很多文档都是直接说,加入了这个参数之后,可以单独将外部引用的一些资源分离,不参与打包,但是怎么使用就没太详细说,好像是要自己手动加一个引用到html的?

想问一下,如果我要使用react这个包,并且使用externals,怎么自动引用这个外部资源包呢?,例如自动加一个script标签到html

<script src="//cdn.bootcss.com/react/0.14.2/react.js">

解决方案

使用HtmlWebpackPlugin自定义模板

plugins: [
  new HtmlWebpackPlugin({
    title: 'Custom template',
    template: 'my-index.ejs', // Load a custom template (ejs by default see the FAQ for details)
  })
]

参考:https://github.com/jantimon/h...

这篇关于webpack2 externals使用后,如何在html自动加引用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！