How to add prefix(scheme&host&port) for script and css tags in html-webpack-plugin?

Question

Currently, I know this:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <link href="css/main.css" rel="stylesheet"></head>
  </head>
  <body>
  <div id="app">
  </div>
  <script type="text/javascript" src="js/main.js"></script></body>
</html>

I want the script and css tags injected like:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <link href="http://cdn.foo.com/css/main.css" rel="stylesheet"></head>
  </head>
  <body>
  <div id="app">
  </div>
  <script type="text/javascript" src="http://cdn.foo.com/js/main.js"></script></body>
</html>

The others keep the same. i.e.(output files may be saved locally as usual)

tcpiper · Accepted Answer · 2017-06-10 14:34:11Z

0

Seems no options. I inject several lines to the source code and solve this problem by:

  new HtmlWebpackPlugin({
    prefix: 'http://cdn.foo.com',
  })

These lines are totally harmless if you don't set prefix option(actually seems harmless even if you set it). More info check this pr.

answered Jun 10, 2017 at 14:34

tcpiper

2,5642 gold badges31 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add prefix(scheme&host&port) for script and css tags in html-webpack-plugin?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related