随笔分类 - webpack
webpack
摘要:前言文章基于 windows环境 使用nvm安装多版本nodejs。mac可能不适用。最近公司有的项目比较老需要降低node版本才能运行,由于来回进行卸载不同版本的node比较麻烦;所以需要使用node工程多版本管理,后面自己就简单捯饬了一下nvm来管理node,顺便记录一下自己的使用过程以便于后续
阅读全文
摘要:Vuex的核心组成、版本问题及store.js的使用、 Vuex中存值、取值以及获取变量值、异步同步操作和Vuex后台交互 //store //初始值 //设置值mutations this.$store.commit('setDemoValue方法名', value); //更新值action -
阅读全文
摘要:webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。 vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当
阅读全文
摘要:背景 当我们使用vue-cli3.0搭建项目时,相比于之前的vue-cli2.0少了build于config文件夹,所以vue-cli3.0提供了一个可选的配置文件 vue.config.js来对项目进行webpack的配置。最典型的一个配置就是接口配置,如: // vue.config.js mo
阅读全文
摘要:背景:在做一个用户上传图片(发布随笔),但是微信需要对图片进行验黄等检测,并规定图片尺寸在750*1334,所以要对图片进行等比例缩放。 (本来写在后端合适,1.是后端懒,2.后端些了一个,有时候图片尺寸大了,报内存不足,所以最后写在了小程序端) https://mp.weixin.qq.com/c
阅读全文
摘要:注: 微信小程序和公众号内屏蔽了 eval() 函数,需要用其他方法解决 修改浏览器地址参数: function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^&]*)'; var replaceText=arg+'='+arg_val; i
阅读全文
摘要:如果网页跳转用的方法传参去跳转: (点击多次链接会出现错误) 这个的原因: 原因:在路由中添加了相同的路由。解决:重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 转 : https://www.
阅读全文
摘要:前言 本案列仅针对刚刚入门vue学习的伙伴,博主也是刚刚在学基于vue-cli搭建脚手架项目,对于前端大牛,可以移步。 快速搭建vue-cli环境 如何搭建基于vue-cli项目,这里不再叙述,如果不会的伙伴可以自己百度。(或 https://www.cnblogs.com/fps2tao/p/12
阅读全文
摘要:webpack相关的重要配置文件将在这一节给出。webpack水很深啊^o^,在此先弄清楚原配文件内容的含义,后续可以自己根据实际情况配置。 webpack.base.conf.js:配置vue开发环境的webpack配置,处理各种文件(js啊、css啊、html啊...) 'use strict'
阅读全文
摘要:此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件 此配置文件是vue开发环境的wepack相关配置文件,主要用来处理各种文件的配置 关于注释 当涉及到较复杂的解释我将通过标识的方式(如(1))将解释写到单独的注释模块,请自行查看 上代码 // 引入
阅读全文
摘要:这个下载包是自己基于 webpack 搞的,可以看看https://github.com/chichengyu/webpack vue-cli安装 输入 npm install vue-cli -g # 如果速度慢,可以先安装 cnpm npm install -g cnpm --registry=
阅读全文
摘要:今天笔者在研究vue-router的时候踩到了一个小坑,这个坑是这样的 笔者的具体代码如下:router.js import Home from '@/components/Home.vue'; import Component1 from '@/components/component1.vue'
阅读全文
摘要:一webpack介绍1由来2介绍3作用4拓展说明5webpack整体认知二webpack安装1安装node2安装cnpm3安装nrm的两种方法4安装webpack三webpack配置0搭建项目结构1初始化一个项目会创建一个packagejson文件2在当前的项目中安装Webpack作为依赖包3当前项
阅读全文
摘要:一 、 从Sourcemap和Data URL说起 (1)什么是Sourcemap? 我们在打包中,将开发环境中源代码经过压缩,去空格,babel编译转化,最终可以得到适用于生产环境的项目代码,这样处理后的项目代码和源代码之间差异性很大,会造成无法debug的问题。 举例来说,如果压缩等处理过的生产
阅读全文