美文网首页
vue使用cdn引用npm包

vue使用cdn引用npm包

作者: 殇城阡陌 | 来源:发表于2020-07-09 09:07 被阅读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 打包配置

相关文章

  • vue使用cdn引用npm包

    html配置:

  • Vuex

    使用说明-Vuex 安装 直接下载 / CDN 引用 Unpkg.com 提供了基于 NPM 的 CDN 链接。以...

  • vue-resource

    安装:$ npm install vue-resource cdn: 可以使用全局的 Vue.http 或者在 V...

  • 1 . react 环境

    直接使用REACT 的CDN 支持: 开发环境引用如下: 生产环境引用如下: 项目中使用npm安装: 1、reac...

  • vue-cli快速搭建vue环境

    CDN方式 设置淘宝国内镜像,起飞! 通过cnpm使用 全局安装 vue-cli $ npm install --...

  • 使用 Crypto.js AES加密 CDN引用方式

    最近项目需要使用AES加密 为了减少包体积 使用CDN CDN引用地址参考文章 前端代码 后端代码

  • vue-cli @4.5.12引用文件路径怎么写

    vue-cli版本@4.5.12目录结构: 引用文件的场景主要分三种: npm包 图片 组件/插件 npm包 图片...

  • Vue

    Vue: Vue安装: 下载:vue.js CDN: npm安装:通过命令行窗口进行全局安装:$ npm inst...

  • vue-axios

    两种引用的方法 通过cdn或者下载下来去引用 或者通过npm使用看了这么多文章通过自己的尝试 1 npm i ax...

  • 一、初学React-安装(笔记)

    1.引用官方提供的 CDN 地址: 2.通过npm安装使用React 国内...

网友评论

      本文标题:vue使用cdn引用npm包

      本文链接:https://www.haomeiwen.com/subject/dtqjcktx.html