vue使用cdn引用npm包

2020-07-09  本文已影响0人  殇城阡陌

html配置:

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta

      name="viewport"

      content="user-scalable=yes,width=device-width,maximum-scale=1.0"

    />

    <link rel="icon" href="<%= BASE_URL %>logo.ico" />

    <title>title</title>

    <!-- 使用CDN的CSS文件 -->

    <% for (var i in htmlWebpackPlugin.options.cdn &&

    htmlWebpackPlugin.options.cdn.css) { %>

    <link

      href="<%= htmlWebpackPlugin.options.cdn.css[i] %>"

      rel="preload"

      as="style"

    />

    <% } %>

  </head>

  <body>

    <noscript>

      <strong>

        We're sorry but hello-world doesn't work properly without JavaScript

        enabled. Please enable it to continue.

      </strong>

    </noscript>

    <div id="app"></div>

    <!-- built files will be auto injected -->

    <!-- 使用CDN文件 -->

    <% for (var i in htmlWebpackPlugin.options.cdn &&

    htmlWebpackPlugin.options.cdn.js) { %>

    <script src="https://d23xhd9a6w811a.cloudfront.net/cdn/<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>

    <% } %>

  </body>

</html>

vue.config.js配置:vue cli3 打包配置

上一篇 下一篇

猜你喜欢

热点阅读