webpack从0到1

vue.config.js 打包、压缩配置compression-webpack-plugin

varfs=require('fs')constpath=require('path')constUglifyJsPlugin=require('uglifyjs-webpack-plugin')//constwebpack
拿回忆下酒·2024-01-13 06:44

Vue中打包时压缩插件：compression-webpack-plugin

安装compression-webpack-plugincnpmi-Dcompression-webpack[email protected]中配置：constCompressionWebpackPlugin
疆~·2024-01-13 06:44

compression-webpack-plugin报错问题

vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npminstall时安装了最新的版本，你只需要npminstall--save-devcompression-webpack-plugin
前端打工仔小剑儿·2024-01-13 06:43

Vue配置compression-webpack-plugin实现Gzip压缩

gzip简介HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清
小芬熊·2024-01-13 06:42

Vue中打包压缩插件：compression-webpack-plugin

1.httpgzip介绍Encodingtype：gzip：GNUzip压缩格式，也是互联网上最流行的压缩格式；deflate：zlib（deflate）压缩格式，流行程度仅次于gzip；br：一种专门为HTTP优化的新压缩算法（Brotli）。HTTP协议为此定义了两个Accept请求头字段和两个Content实体头字段，用于客户端和服务器进行“内容协商”。也就是说，客户端用Accept头告诉服
半夏_2021·2024-01-13 06:09

Vue使用 compression-webpack-plugin 开启Gzip压缩

2、如何生成gzip文件利用compression-webpack-plugin插件开启Gzip压缩安装命令行执行：cnpmic
程序Ms_Wqh·2024-01-13 06:38

VUE项目webpack打包使用compression-webpack-plugin压缩优化

2.减小前端打包后的文件体积降低前端打包后的文件体积这个方向，衍生出很多方法，比如图片压缩，雪碧图，优化代码，webpack的tree-shaking等。
Pa灬糯米·2024-01-13 06:38

Python学习从0到1 day2 python注释

那就祝我们alliswell——24.1.12一、python中的注释1.注释的作用注释代码与非注释代码对比，可以发现，添加了注释的代码更加易于程序的阅读2.注释的分类及方法注释在python中有两种形式：单行注释和多行注释。单行注释只能注释一行内容，基本语法：#注释内容单行注释用（#注释内容）进行注释。多行注释用三个引号（英文状态）'''……'''，多行注释可以注释多行内容，常用于代码块注释情况
L_cl·2024-01-13 06:28

Python学习从0到1 day1 你好 Python

我会在那腥臭腐朽的日子里熠熠生辉——24.1.111.第一个Python程序安装python程序,输出第一个程序:你好,世界print("HelloWorld");2.Python解释器python解释器,是一个计算机程序,用来翻译python代码,并提交给计算机执行功能:1.翻译代码2.提交给计算机运行3.总结:计算机只认识0和1python解释器的作用时将python代码翻译成计算机认识的0和
L_cl·2024-01-13 06:58

关于vue-cli的一些整理

vue脚手架1、如何引入插件修改build/webpack.base.conf.js文件，varwebpack=require("webpack")//1.确保引入webpack，后面会用到module.exports
_conquer_·2024-01-13 04:22

使用webpack-stream

由于gulpbabel解析的async不能直接用，是有require的，还需要再转一下刚好又知道了有webpack-stream这个gulp的插件故就直接用这个来编译jsnpminstallbabel-loaderbabel-corebabel-preset-env
YellowPoint·2024-01-13 03:41

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（六）

《诗·小雅·小旻》：“战战兢兢，如临深渊，如履薄冰。”01.Nodejs安装与使用什么是Node.js？什么是前端工程化？Node.js为何能执行JS？查看当前使用的Node.js版本：node-v执行JS：node01.jsNode.js安装总结02.fs模块-读写文件加载fs模块对象到自己编写的js文件中，进行写与读数据流对象默认为十六进制，使用toString方法转化03.path模块-路径
卡皮巴拉·2024-01-13 02:24

ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion»

js/xxx.jsfromUglifyJsUnexpectedtokenname«currentVersion»,expectedpunc遇到这种异常,需要运行下面脚本运行npmi-Duglifyjs-webpack-plugin
gys9895·2024-01-13 02:51

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（七）

08.什么是模块化？CommonJS标准09.ECMAScript标准-默认导出和导入10.ECMAScript标准-命名导出和导入11.包的概念实操：server.jsutils/lib/index.jsutils/package.json12.npm-软件包管理器13.npm-安装所有依赖从别处（网上、其他人手中）拿到写好的项目，一般不携带node_modules文件夹（所占存储空间大）但有p
卡皮巴拉·2024-01-13 02:20

node 第二十一天 webpack 初见

为什么需要学习（了解）webpackwebpack是前端工程化的基石，webpack又是基于node进行文件打包bundle，所以作为前端起手学习node服务端开发，同时学习webpack是很有必要的。
飞衡、如日之升·2024-01-13 02:50

vue3.2引用unplugin-vue-components插入，解放开发中import组件

unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q&A前言unplugin-vue-components是一个用于Vue.js项目的插件，特别适用于Vite和Webpack
Alex_Drag·2024-01-13 00:51

webpack实战——模块打包

写在前面这是webpack实战系列的第二篇：模块和模块打包。
流眸Tel·2024-01-13 00:01

利用gulp工具对常规web项目进行压缩打包

|-img2.png|-js|-user.js|-utils.js|-css|-index.css|-user.css|-html|-user.html|-index.html可以使用各种构建工具（如webpack
Marco-hui·2024-01-12 23:59

webpack4图片转换成base64以及字体的处理

如何使用：npminstall--save-devurl-loaderwebpack.config.jsmodule.exports={module:{rules:[{test:/\.
最底层的技术渣·2024-01-12 21:09

Vue<滑动标尺>

（引用别人的js，比较多，所以就放最下面了）效果图：huadong.gif代码如下：首先需要npminstall--sjquery在build/webpack.dev.conf.js,build/webpack.prod.conf.js
誰在花里胡哨·2024-01-12 21:51

C++20：从0到1学懂concept

目录1.concept语法1.1替换typename1.2requires关键字1.4concept与auto2.编译器支持3.总结C++20引入了concept(概念)，是对模板参数(编译时评估)的一组约束。你可以将它们用于类模板和函数模板来控制函数重载和特化。一些优点包括：对模版参数强制类型约束提高代码可读性(替换了较长的SFINAE代码)提供更友好的报错信息通过限制可以使用的类型来防止意外的
guangcheng0312q·2024-01-12 21:20

Webpack入门之loader篇

什么是LOADERwebpack本身只能打包Javascript文件，对于其他资源例如css，图片，或者其他的语法集比如jsx，是没有办法加载的。这就需要对应的loader将资源转化，加载进来。
841只·2024-01-12 21:47

Vue项目的创建（详细步骤）

Vue项目的创建1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.用vue-cli构建项目5.安装项目所需的依赖6.运行项目vueinitwebpack、vuecreate创建项目产生的项目文件区别说明项目目录结构
Little_Star*·2024-01-12 20:28

VS CODE之vue.js基本知识一

vscode建项目布置切换使用语言：搜索框直接搜索该语言的英文，点击安装即可文件目录管理：设置颜色主题：一些通用操作：推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack
w??oo.·2024-01-12 19:54

2019-04-25 npm install 报错

(err,written,buffer){});版本10以下写法：fs.write(fd,buf,0,buf.length,0,function(err,written,buffer){});如果项目webpack.p
追寻1989·2024-01-12 19:33

Vue 组件学习总结

当项目调试时webpack打包演示项目的入口文件来进行演示和调试，在发布组件库时webpack打包组件库的入口文件。将打包完的组件发布到npm。
VioletJack·2024-01-12 19:35

GPT/GPT4科研应用与AI绘图技术及论文高效写作方法及教程

详情点击链接：GPT/GPT4科研应用与AI绘图技术及论文高效写作一OpenAI1.最新大模型GPT-4Turbo2.最新发布的高级数据分析，AI画图，图像识别，文档API3.GPTStore4.从0到
慢腾腾的小蜗牛·2024-01-12 18:04

如何用GPT制作PPT和写代码？

一OpenAI1.最新大模型GPT-4Turbo2.最新发布的高级数据分析，AI画图，图像识别，文档API3.GPTStore4.从0到1创建自己的GPT应用5.模型Gemini以及大模型Claude2
慢腾腾的小蜗牛·2024-01-12 18:33

从零编写 vue 后台管理系统（01）

主要实现功能：登录导读从零编写vue后台管理系统（01）了解webpack-template模板生成的文件夹的含义。
lkinga·2024-01-12 18:29

【华为OD机试真题2023C&D卷 JAVA&JS】查找一个有向网络的头节点和尾节点

刷题指南点这里查找一个有向网络的头节点和尾节点知识点图DFS搜索时间限制：1s空间限制：256MB限定语言：不限题目描述：给定一个有向图，图中可能包含有环，图使用二维矩阵表示，每一行的第一列表示起始节点，第二列表示终止节点，如[0,1]表示从0
若博豆·2024-01-12 15:27

element-ui

访问官网:https://element.eleme.cn/#/zh-CN/component/installation,查看组件指南安装在工程目录下,使用npm的方式安装，它能更好地和webpack打包工具配合使用
峰＃·2024-01-12 14:44

【持续更新】汇总了一份前端领域必看面试题

文章目录1.写在前面2.前端面试汇总2.0.1.如何提⾼webpack的打包速度2.0.2.数组去重2.0.3.前端有几种缓存方式？2.0.4.nextTick描述一下？
吴秋霖·2024-01-12 14:11

《二十九》自动化构建工具 Gulp

Gulp和Webpack的区别：Gulp的核心理念是taskrunner。可以定义一系列任务，等到任务被执行；是基于文件Stream的构建流；可以使用Gulp的插件体系来完成任务。
花铛·2024-01-12 12:12

《三十》模块化打包构建工具 Rollup

Rollup和Webpack的区别：Rollup也是一个模块化的打包工具，但是它主要是针对ESModule进行打包的（当然也有解决办法可以处理其他模块化代码）；Rollup更多时候是专注于处理JavaScript
花铛·2024-01-12 12:12

《三十一》开发模式构建工具 Vite

在实际开发中，编写的代码往往是不能被浏览器直接识别的，例如ES6+、React、Vue、TypeScript等，必须通过构建工具来对代码进行转换、编译，例如Webpack、Rolluop、Vite等。
花铛·2024-01-12 12:12

自律，清单，可视化日程表

十年，这十年的自己经历了工作的变迁，经历了感情的失败，经历了从0到1的的积累与成长。青春一晃，再见宿舍的老大和荣荣时却是恍若隔世。
对话仝小仝·2024-01-12 11:18

构建vue全家桶项目-构建命令

windows+Rnode-v检查node版本npm-version检查npm版本3.全局安装vue构建工具npminstall-gvue-cli4.开始构建项目使用命令行进入到工作目录接着构建开始vueinitwebpackvueDemoName
唐人不自醉·2024-01-12 10:42

vue中使用vue-quill-editor富文本编辑器，自定义toolbar修改工具栏options

基于webpack和vue一、npm安装vue-quill-editor二、在main.js中引入importVueQuillEditorfrom'vue-quill-editor'//requirestyles
world_7735·2024-01-12 08:21

【webpack学习】React项目中webpack.config.js 和 webpack.base.config.js 的区别

在React项目中，通常使用Webpack作为打包工具。webpack.config.js和webpack.base.config.js两个文件在项目中的作用是不同的。
周兴·2024-01-12 08:15

【webpack学习】使用webpack打包工具打包后的vendors~文件

在React框架下，使用Webpack打包工具进行项目打包时，生成的vendors文件通常是用于包含项目中使用的第三方库（dependencies）的代码的文件。
周兴·2024-01-12 08:15

webpack之entry

entry指示webpack应该使用哪个模块，来作为构建其内部依赖图（之后的章节会讲依赖图，记得关注我哦）的开始。进入入口起点后，webpack会找出有哪些模块和库是入口起点（直接和间接）依赖的。
秃头的小毛驴·2024-01-12 08:13

webpack之输出(output)

可以通过配置output选项，告知webpack如何向硬盘写入编译文件。注意，即使可以存在多个entry起点，但只能指定一个output配置。
秃头的小毛驴·2024-01-12 08:13

【webpack学习】webpack插件之“html-webpack-plugin”

1.介绍html-webpack-plugin是一个Webpack插件，用于简化在构建过程中创建HTML文件的过程。
周兴·2024-01-12 08:03

Vue基础-搭建Vue运行环境

包括node.js安装和配置、安装Vue及VueCLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。
Damon小智·2024-01-12 07:32

webpack执行流程知识点总结

webpack的运行流程Webpack的运行流程是一个串行的过程，从启动到结束会依次执行以下流程：在以上过程中，Webpack会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑
小白探索世界欧耶！~·2024-01-12 07:29

webpack配置 - gpt问答 待整理

前端项目中引用的依赖，语法怎么做兼容在前端项目中引用的依赖通常使用npm或者yarn进行管理。为了确保语法的兼容性，可以在项目的package.json文件中指定所需的依赖版本范围，例如：{“dependencies”:{“react”:“^16.8.6”,“lodash”:“~4.17.11”}}在上面的例子中，^表示允许使用16.x.x系列的React版本，而~表示只允许使用4.17.x系列的
颓废的四哥·2024-01-12 07:59

快速创建@vue/cli脚手架

►由于我们用webpack自己配置环境很麻烦，需要下载很多包,因此我们可以下载@vue/cli包,直接用vue命令创建脚手架项目；►那么创建@vue/cli脚手架的好处是什么呢？
陈小谷谷·2024-01-12 07:15

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v，如果输出版本号，就说明安装node环境成功，2、vue-cli搭建Vue开发环境VueCLI：命令行界面，俗称脚手架，VueCLI是一个基于webpack
czy陈泽宇·2024-01-12 07:41

普通人如何从0到1开启写作之路？

你是不是也想开始写作？但是每每提笔都不知道写点什么，然后时间总是在挣扎和放弃中流过，我也是如此，直到遇到这本书《从零开始学写作》，让我对写作有了新的认识，很高兴现在我，又重新提起笔开始写作了。这本书教会我毫不费劲的写作方法非常受用，如果你也是一位写作小白，强烈推荐阅读这本书。这本书的作者叫弘丹，她也是从小白开始写作直到现在成为一名作家，书中所写关于她写作的成长经历很受鼓舞，目前她已出版两本书，另一
好学的松鼠Pr·2024-01-12 06:03

【TimePiker.RangePiker】时间范围选择组件封装与时间检验

文章主要包括如下这几个主题：js基础知识及难点；node、webpack、typescript、
蓝瑟·2024-01-12 05:36
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他