![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
脚手架
文章平均质量分 94
人间妄想_
好孩纸
展开
-
优化webpack和vuecli3时候的注意
1.开启图片压缩 image-webpack-loader如果项目使用了svg-sprite-loader,svg雪碧图,规则配置了.text(svg)svg类型,那会影响svg雪碧图显示2.开启js/css压缩 compression-webpack-plugin除了在vue.config设置,相呼应的服务器ngix也要开启 gzip:on3.路由懒加载,vue.config需要设置config.plugins.delete('prefetch');4.cssOptions = {ext原创 2020-05-12 10:07:56 · 203 阅读 · 0 评论 -
vue-cli3多环境多入口,分别打包
最近公司需求,参考了很多资料,自己搭了一个小demo。一、安装1.Vue CLI 3需要 nodeJs ≥ 8.9 ,查看node版本升级,升级一下2.查看版本vue -V,安装vue-cli3,npm install -g @vue/cli二、使用1.vue create projectname 搭建新项目:vue create vue-cli3选择默认default(基本的 Ba...原创 2019-04-17 15:13:29 · 8813 阅读 · 0 评论 -
Vue-router——遇到的坑(一)history模式刷新/设置嵌套路由报错(webpack配置)
前端路由都不是真是存在,只需要为前端跳转做一个显示。hash模式url中会有#存在,看起来不太舒服且不好做SEO,但是由于路由器向服务器发请求的时候会忽略#后面的值,所以在浏览器刷新的时候都是很正常的不会再次发请求。-history模式url就是我们看的正常的路由样子,就是因为看起来很像真的,所以浏览器向服务器请求(也就是刷新)的时候会发现服务器根本没有这个路径资源,所以返回404。...原创 2019-04-29 17:58:22 · 7024 阅读 · 0 评论 -
Webpack 4 以及打包优化
在上篇文章基础上https://blog.csdn.net/weixin_43554698/article/details/89914721修改上次目录结构需要下载的依赖package.js{ "name": "webpack4-vue", "version": "1.0.0", "description": "", "main": "index.js"...原创 2019-05-09 15:36:33 · 942 阅读 · 0 评论 -
webpack4 + vue
1.创建webpack4-vue文件夹,进入cd webpack4-vue2.初始化npmnpm init -y3.安装相关依赖npm i -D webpack webpack-cli webpack-dev-server vue vue-loader vue-template-compiler html-webpack-plugin4.在根目录下创建src文件夹,在src文件夹...原创 2019-05-07 09:39:36 · 437 阅读 · 0 评论