Vue项目优化·打包

最新推荐文章于 2024-06-11 01:40:54 发布

梦回小岛

最新推荐文章于 2024-06-11 01:40:54 发布

阅读量747

点赞数

分类专栏：初级前端vue工作笔记文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/zhengjingID/article/details/123210489

版权

1.项目优化

1.1 路由懒加载 ( webpackChunkName: "login" //Login.vue打包生成的js文件命名为login)

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login',
  },
  {
    path: '/login',
    name: 'login',
    component: () => import( /* webpackChunkName: "login" */ '../views/Login.vue')
  },
]

const router = new VueRouter({
  routes
})

1.2 使用CDN引入第三方依赖（注意：引入vue的位置必须在其他js文件的上面）

<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.isProd ? '电商' : 'dev-' %>后台管理系统
  </title>

  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css">
  <!-- 引入组件库 -

最低0.47元/天解锁文章

梦回小岛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue项目优化·打包

1.项目优化 1.1 路由懒加载 (webpackChunkName: "login" //Login.vue打包生成的js文件命名为login)import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/', redirect: '/login', }, { path: '/logi...
复制链接

扫一扫