标签：Webpack

2021-03-19共享博客阅读(223)评论(0)

一、为什么需要路由懒加载 vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代，业务逻辑越来越多，app.js文件也会越来越大。在...

2021-03-19共享博客阅读(216)评论(0)

一、路由懒加载 { path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 } 这一步之后，打包后会发现很大的chunk-vendors.xxx...

2021-02-25共享博客阅读(325)评论(1)

众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，通过查找资料，大概有以下4种方法。（本人只用过第一，第三种方案） 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 关于服务器渲染：Vue官网介绍 ，对Vue版...

2020-08-11共享博客阅读(967)评论(0)

安装 cli3.x 版本 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过以下命令卸载它。 npm uninstall v...

2020-08-11共享博客阅读(414)评论(0)

准备工作： 1.安装Node.js nodejs官网 //可查看node版本 $ node -v $ npm -v 2.安装淘宝镜像cnpm $ npm install -g cnpm --registry=https://registry...

2020-08-11共享博客阅读(461)评论(0)

1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import...

2020-08-11共享博客阅读(322)评论(0)

1.出现警告 由于vue对语法的限制过于严格，以至于在编译运行的时候一直编译失败，当然也包括一些警告： 类似: clipboard.png 2.关闭方法： 在build/webpack.base.conf.js文件中，注释或者删除掉：mod...

2020-08-11共享博客阅读(285)评论(0)

第1步：官网下载并安装nodejs nodejs官网:http://nodejs.cn/download/ 第2步：npm下载插件速度很慢，推荐安装淘宝镜像cnpm $ npm install -g cnpm --registry=http...

2020-08-10共享博客阅读(872)评论(0)

目的：为了解决前端和后端联调数据，出现的跨域问题,通过配置反向代理，可以更好的联调数据 常见跨域场景 (1)同一域名，不同端口 http://www.demo.com:8000/a.js http://www.demo.com/b.js (...

2020-08-09共享博客阅读(305)评论(0)

什么是Vue组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HT...