您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 四大维度解锁Webpack3.0前端工程化

  2. 第1章 课程简介 讲述课程背景,从前端开发的变化 到 前端工具的发展变化,介绍了课程内容,课程安排。 第2章 学习准备 讲述模块化开发的思想、学习环境准备,webpack 的概况,版本更迭,核心概念等,为开始实践学习webpack 做准备。 第3章 由浅入深Webpack(1) 由一个个的实例组成,介绍webpack 在处理各种实例的下的配置,实例包括 Typescr ipt Ecmascr ipt Less 语言的预编译,讲解了 Webpack 提取公共代码、代码分割、动态import、魔法
  3. 所属分类:Java

    • 发布日期:2018-03-21
    • 文件大小:1024
    • 提供者:jsmasaww
  1. 浅谈Vue项目优化心得.md

  2. 基于Vue2的项目优化,代码打包,对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩,vue-router路由优化以及源码优化等等
  3. 所属分类:Javascript

    • 发布日期:2019-09-11
    • 文件大小:10240
    • 提供者:genius_cxx
  1. Webpack使用指南.pdf

  2. 帮助前端程序实现模块的依赖打包,压缩代码,优化代码;主要运用于前端框架,比如vue,react等。优点代码压缩,代码合并,使用精灵图减少请求次数,减少cookie的发送,css前置、js后置,使用浏览器缓存静态资源
  3. 所属分类:互联网

    • 发布日期:2020-05-15
    • 文件大小:4194304
    • 提供者:aj951225
  1. 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

  2. 大家都知道,Vuejs的 CLI工具 是基于 webpack 来实现的,所以在项目打包后,会生成的文件会很大。主要原因是 webpack 将我们所有文件都打包成一个js文件,即使再小的项目,打包之后文件都会变得很大。下面讲讲最近我遇到的相同问题。
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:52224
    • 提供者:weixin_38526823
  1. 使用vue打包进行云服务器上传的问题

  2. vue中目录最后的vue.config.js文件中第27行的pulicpath改成./ src目录下的man.js中30到33行注释掉 将目录中的.env.development和.env.production中的 改成自己的域名和端口号 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下来就是打包环节了 打开vue的命令提示符 输入命令:npm run build:prod 进行打包 打包完成后会出现build目录的同级下一个出来一个
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:38912
    • 提供者:weixin_38530202
  1. 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

  2. 问题 由于这次项目是在初学 Vue 之后的第一个正式项目,没有考虑到类似 路由懒加载、 按需加载的问题 ,所以呢,也算是没经验。 到了这些天,项目写得差不多了,准备放到服务器测试,才发现这个问题。 优化前: app.js 2.3MB vendor.js 2.4MB vendor.css 612kB app.js.map 9.13MB vendor.js.map 16.21MB //不一一列举.... 优化 接下来看看优化方法。 优化步骤1: 不生成.map文件 在 webpack
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:49152
    • 提供者:weixin_38592332
  1. 详解vue-cli脚手架中webpack配置方法

  2. 什么是webpack webpack是一个module bundler(模块打包工具),所谓的模块就是在平时的前端开发中,用到一些静态资源,如Javascr ipt、CSS、图片等文件,webpack就将这些静态资源文件称之为模块 webpack支持AMD和CommonJS,以及其他的一些模块系统,并且兼容多种JS书写规范,可以处理模块间的以来关系,所以具有更强大的JS模块化的功能,它能对静态资源进行统一的管理以及打包发布,在官网中用这张图片介绍: 它在很多地方都能替代Grunt和Gulp,
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:157696
    • 提供者:weixin_38706824
  1. vue-cli3中vue.config.js配置教程详解

  2. 前言 vue-cli3推崇零配置,其图形化项目管理也很高大上。 但是vue-cli3推崇零配置的话,导致了跟之前vue-cli2的配置方式都不一样了。 别名设置,sourcemap控制,输入文件位置和输出文件位置和输出的方式,压缩js控制,打包webapck日志分析,externals忽略配置(外部引入),调试的端口配置,proxy接口配置等等的。 有时候还需要我们配置的,因为官方推荐的,并不适用于我们平时的开发所用的。 所以,我的vue.config.js配置是下面这样的。还有一个改hash的
  3. 所属分类:其它

    • 发布日期:2020-12-07
    • 文件大小:59392
    • 提供者:weixin_38625184
  1. vue+webpack dev本地调试全局样式引用失效的解决方案

  2. 今天遇到了奇怪的问题,在main.js中引入全局样式,在组件中引用样式时,有些样式失效,有些样式生效。但是神奇的是build打包后样式是正常的。 注册两字没有变成红色。。刚开始以为是class名字命名冲突之类的,网上查了很多资料,有提到说css文件中写了中文注释引起的,试过了不行。后来把所有的样式删掉,只剩一个样式,就生效了。好了,罪魁祸首就是空格符。build打包时会有压缩,所以不会有这个问题。 进入【utils.js】,添加压缩就好了 const cssLoader = { loa
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:87040
    • 提供者:weixin_38697579
  1. vue 首页加载缓慢、白屏现象

  2. vue项目打包上线后,首次打开会发现加载很慢,出现白屏的问题, 一、问题原因 打开控制台查看文件加载情况,会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时,可以看到图片资源显示过大,使用工具进行压缩 2、去掉.map文件 webpack打包文件时,会看到有一些.map文件生成 修改: 找到config文件夹下的index.js文件,build里边的productionSourceMap值改为false即可 3、CDN外
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:359424
    • 提供者:weixin_38640674
  1. vue 首页加载缓慢、白屏现象

  2. vue项目打包上线后,首次打开会发现加载很慢,出现白屏的问题, 一、问题原因 打开控制台查看文件加载情况,会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时,可以看到图片资源显示过大,使用工具进行压缩 2、去掉.map文件 webpack打包文件时,会看到有一些.map文件生成 修改: 找到config文件夹下的index.js文件,build里边的productionSourceMap值改为false即可 3、CDN外
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:359424
    • 提供者:weixin_38690522
  1. 如何手动搭建webpack,集成Vue

  2. 什么是webpack,为什么要使用它? webpack核心 1. entry:入口 2. output:出口 3. loader:资源转换器 4. plugin:插件 5. mode:模式 还有其他的打包压缩工具: grunt:https://www.gruntjs.net/ gulp:https://www.gulpjs.com.cn/ fis3(百度):http://fis.baidu.com/ webpack:https://webpack.js.org/ 1、什么是Webpack Web
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:88064
    • 提供者:weixin_38651273
  1. WebStack-vue:原设计:https:github.comWebStackPageWebStackPage.github.io-源码

  2. 导航 版本 基于版本的修改用新版本vue修改删除所有的js的帖子。里面打包之后会压缩到一张大小通过父级字体来设置,如要更改颜色,你可以下载的时候下载好或者下载之后改svg颜色为currentColor通过父级设置 data.json “ name”:标题名, “ en_name”:“英文名”, “ icon”:“图标”, “ web”:'web网页 网站[{url logo title desc}]建议直接拿网站的不存本地 项目设置 yarn install 编译和热重装以进行开发 ya
  3. 所属分类:其它

    • 发布日期:2021-02-13
    • 文件大小:329728
    • 提供者:weixin_42131405
  1. Edox:前端框架(脚手架?)----开发中-源码

  2. Edox-伊度(vue分支) ----前端框架(脚手架?)开发中,一不小心又给自己挖了个大坑 准备工作 安装nodejs 略 整体安装 npm install -g gulp 切换到build文件夹下 cd build 安装项目依赖文件 npm install 在build / map.js中配置需要生成的页面模版文件后执行(此处已有示例) node map.js (注意:此处会覆盖 src目录 最外层的 html文件 :warning:) 开始使用 本地开发模式 gulp 预发环境打包(j
  3. 所属分类:其它

    • 发布日期:2021-02-03
    • 文件大小:1048576
    • 提供者:weixin_42100188
  1. shw_server:使用SpringCloud和Spring WebFlux开发的学生作业管理系统服务端,前分离项目,微服务架构。支持Docker部署化部署,Redis部署化缓存,文件在线预览压缩包预览打包上传下载-源码

  2. 作业管理系统服务端 V2版本(V2分支)当前正在编写中 查看主分支完成版本 主分支使用Spring Boot编写,请 前分离项目,前端: 架构 微服务架构。使用Spring Cloud开发部署。 项目采用微服务开发,采用JWT技术作为身份验证手段,前进行分离。目前前交互使用JSON方式, 和通信方式正在开发中。 技术栈: 前端:Vue.JS 初步:春天的云 数据库:MongoDB 中间件:RabbitMQ 技术栈 描述 尤里卡 Eureka是Netflix开源的一种提供服务注册和发现的产品,它提
  3. 所属分类:其它

    • 发布日期:2021-02-03
    • 文件大小:44040192
    • 提供者:weixin_42107374
  1. vue-cli3-template:基于Vue-cli3建造的脚手架项目模板-源码

  2. 项目介绍 基于Vue-cli3建造的前端开发脚手架项目模板,主要包括以下内容:Webpack4.x性能调优配置,Vue.js全家桶,移动端vw适应,单元测试等功能,可以参考,欢迎大家围观指教! 项目特点 特征 巴别塔 VueRouter 威克斯 CSS预编译工具:更少 HTTP库:Axios 代码规范:eslint airbnb规范 业务代码和第三方库区分打包:DllPlugin 删除冗余代码:UglifyJsPlugin 开启Gizp压缩:compression-webpack-pl
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:253952
    • 提供者:weixin_42099530
  1. Vue打包后出现一些map文件的解决方法

  2. Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1,运行  cnpm run build  开始打包 2,会在项目目录下自动创建dist目录,打包好的文件都在其中 解决办法:去src/config/index.js中改一个参数: productionSourceMap:false 把这个改为false。不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:30720
    • 提供者:weixin_38538472
  1. Vue CLI3 开启gzip压缩文件的方式

  2. gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件: npm i -D compression-webpack-plugin 在vue cli3.0 生成的项目里,可在 vue.config.js 中按照如下方式进行配置: 压缩前后大小大致如下: 生成的压缩文件以.
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:128000
    • 提供者:weixin_38729269
  1. 解决Vue打包后访问图片/图标不显示的问题

  2. 大家可否遇到过 npm run build 打包后,项目在线上运行时,资源文件 (图片、图标)不显示 的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件 打开此文件后你会头晕,因为都是打包压缩过的css代码,不过没关系 ,关键字搜索url   检查该url路径是否匹配正确 对比后惊人发现!!! 因此在url路径前添加../../就OK了, 但是 很麻烦,每次打包后都要进行二次加工吗? 并不是!!! 2.自动添加 ../../ 的方法 打开build/uti
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:183296
    • 提供者:weixin_38563176
  1. vue将文件/图片批量打包下载zip的教程

  2. vue将文件/图片批量打包下载 各种格式都可以,只要url能够打开或者下载文件即可. 1.通过文件的url,使用js的XMLHttpRequest获取blob 2.将blob压缩为zip 由于异步并行加载文件,速度还是蛮快的,我141个4M多的图片,1分左右加载完成,49个4M的图片4秒 添加依赖 //npm install jszip //npm install file-saver 在页面的scr ipt中引入依赖 import JSZip from ‘jszip’ import
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:107520
    • 提供者:weixin_38641111
« 12 »