随笔分类 -  webpack

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

点击右上角即可分享
微信分享提示