pvr.ccz、webp

第三章 webpack5处理图片资源

  在过去webpack4中处理图片采用的loader是file-loader和url-loader,可能还有image-webpack-loader进行处理图片。
天界程序员·2023-11-25 12:20

Webpack常用的压缩，CSS，JS，图片

本篇文章参考以下博文webpack常用的三种JS压缩插件webpack怎样压缩css？
不见浅诗～·2023-11-25 12:16

Vue3+vite 处理静态资源，解决服务器不显示动态循环img问题

注意：vue2+webpack中，通常使用require来动态渲染静态资源。
爱吃鱼的酱酱仔·2023-11-25 12:46

webpack配置自动压缩图片

手动压缩图片图片压缩是很重要的前端优化，一般可以选择手动压缩手动压缩网站webpack压缩图片这里记录借助webpack的image-webpack-loader实现自动压缩图片项目是create-react-app
青松pine·2023-11-25 12:14

徒手搭建VUE3项目(一)：webpack初始化

创建一个空文件夹，进入，运行脚本yarninit-y加-y可以跳过步骤，后期可以直接在package.json里面修改安装webpack相关依赖yarnaddwebpackwebpack-dev-serverwebpack-mergewebpack-cli
to be fan·2023-11-25 12:29

Nodejs使用webpack或vue-cli搭建vue项目

Nodejs搭建vue项目一、下载后基本配置1、安装cnpm以及全局二、webpack工程三、vue-cli工程四、解读1、项目根目录中的文件2、public文件夹3、src文件夹五、总结六、遇到问题1
李长渊哦·2023-11-25 12:58

webpack5+vue3搭建h5项目模板-（一）-基础配置

一，概述本文主要是使用webpack5+vue3+vw适配+axios+vue-router+vuex+vant搭建一个基础的h5项目结构。
笑道三千·2023-11-25 12:28

总结Vue第三天：模块化和webpack模块化打包

2、模块化规范：二、webpack模块化打包：■webpack目录：1、webpack是什么？
一 乐·2023-11-25 12:28

VUE项目设置环境变量(区分webpack和vite)

是默认开发环境下的配置文件.env.production是生产环境下的配置文件如果项目中没有配置这两个文件的话,那么项目跑起来(npmrunserve)默认就是开发环境,(npmrunbuild跑起来就是生产环境)使用webpack
肖富贵…·2023-11-25 12:56

Web 前端 之 Vue webpack 环境的搭建及工程创建简单整理

Web前端之Vuewebpack环境的搭建及工程创建简单整理目录Web前端之Vuewebpack环境的搭建及工程创建简单整理一、简单介绍二、实现原理三、注意事项四、安装步骤node（npm）的安装修改npm
仙魁XAN·2023-11-25 12:25

webpack5+vue3搭建一个基础的h5项目结构

一，概述本文主要是使用webpack5+vue3+vw适配+axios+vue-router+vuex+vant搭建一个基础的h5项目结构。
前端开发小司机·2023-11-25 12:25

TypeScript学习笔记（三）——贪吃蛇

配置文件1、将之前写好的package.json、webpack.config.js、tsconfig.json复制到当前目录下2、使用npmi初始化环境3、在src目录下新建index.html和index.ts4
杨乐多dreamer·2023-11-25 12:53

TypeScript快速上手学习笔记-第十二篇——实战项目“贪吃蛇”

一、项目前准备项目主要用到的工具包括typescript,webpack,css拓展语言（less或者scss）博主这边使用的是scss。
LIMI_伞梦·2023-11-25 12:22

webpack5搭建vue环境

webpack5搭建vue环境0.前言安装webpack、webpack-cli【开始我是全局安装进行测试，后期项目中最好用局部安装，不同项目使用的版本不同】熟悉npm基本命令确保npm可以使用1.webpack
专注的老咪·2023-11-25 12:52

第十九章 webpack5项目搭建Vue-Cli(合并配置)

对于Vue-Cli的合并配置，我们使用webpack.prod.js进行改造。
天界程序员·2023-11-25 12:52

TypeScript 学习笔记 第二部分 webpack 创建typescript项目

【视频链接】尚硅谷TypeScript教程（李立超老师TS新课）创建webpack项目IDE：webstorm新建一个空的项目运行npminit初始化项目目录结构1.安装webpack：构建工具webpack-cli
YUELEI118·2023-11-25 12:48

vue-cli中配置环境变量

，ajax请求要发到地址b端口配置vue-cli创建的项目会有一个vue.config.js配置文件vue.config.js就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack
Outlier_wei·2023-11-25 12:48

vue2项目从0搭建(三):配置环境变量及对应的webpack配置

不同的环境需要有不同的一些标识,也要有一些不同的webpack配置或者资源优化。vue-cli环境变量配置在vue-cli
青阳流月·2023-11-25 11:44

TypeScript 学习笔记 第三部分 贪吃蛇游戏

npmi-Dlessless-loadercss-loaderstyle-loader对css部分处理，能够运行在低版本浏览器npmi-Dpostcsspostcss-loaderpostcss-preset-env修改webpack.config.json
YUELEI118·2023-11-25 11:14

Vue2+Webpack+ES6 兼容低版本浏览器（IE）

Vue2+Webpack+ES6兼容低版本浏览器（IE）1.解决方式：安装“babel-polyfill”1.1命令：npminstall--save-devbabel-polyfill1.2在入口main.js
涛_3ac8·2023-11-25 09:31

vite和webpack的区别和练习

Vite和Webpack都是现代化的前端构建工具，但它们之间存在一些区别：构建性能：Vite使用ESModules提高了构建性能，可以在构建时只构建需要的部分，而Webpack则需要在构建时处理整个应用程序
song19990524·2023-11-25 09:35

vue webpack 打包优化方法

两种方法：一、gzip压缩前言很多Vue项目，都有一个通病，随着代码越来越庞大，首页加载越来越慢，有时候出去演示，网络不好的时候，转半天，登录页面还没有出来。这主要是一些大的js文件造成的，这就是Vue的缺点吧，所有的代码都打包到一个JS文件里，网络传输太慢，有的项目都十几兆。gzip的本质，是在build的时候打包两份代码，一份压缩的，一份未压缩的，然后nginx在接收请求时，优先选择压缩后的格
梁小茹·2023-11-25 07:52

WebPack打包优化

一、打包去除.map文件需要在vue.config.js增加属性productionSourceMap：false,例如：module.exports={publicPath:"/pc/",productionSourceMap:false,}二、引用csdn固定vue文件路径cdn方式引入外部的js库，链接：https://www.bootcdn.cn/1.在vue.config.js里面配置忽
小杨小杨、努力变强！·2023-11-25 07:18

Webpack打包优化技巧 - 提升性能与体积

Webpack是一个强大的模块打包工具，但在处理大型项目时，打包性能和文件体积可能会成为问题。本文将介绍一些常见的Webpack打包优化技巧，以提升性能和减小输出文件的体积。
努力的小彭同学.·2023-11-25 07:18

webpack打包优化

路由懒加载中的魔法注释小结打包优化-包大小分析包大小分析打包优化-去掉console-logwebpack配置排除打包-整体分析回顾提问思路webpack配置排除打包-打包瘦身目标使用方式webpack
HQ8806·2023-11-25 07:15

Vue项目的打包优化的总体流程

项目开发完成打包:用webpack做打包（把.vue,.js,.less------>.js,.css,.html）在项目中都会提供命令：npmrunbuild打包优化:在保证功能可用的前提下，让我们的文件尽可能小在保证功能可用的前提下
ling…·2023-11-25 07:15

webpack 打包优化

在vue.config.js中配置下载uglifyjs-webpack-plugin包const{defineConfig}=require("@vue/cli-service");varpath=require
Hermia_yuan·2023-11-25 07:41

2019-08-15

vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。
VincerCC·2023-11-25 05:39

服务器打包文件出现未知错误,webpack文件打包错误异常

在进行webpack打包前我们要确保已完成的工作：1)安装webpack：推荐全局命令npminstall-gwebpack查看webpack版本webpack-v2)此时对文件进行打包可能出现错误，提示脚手架文件错误
罗博深·2023-11-25 04:37

webpack+vue+elementui构建后台管理系统

master/aw/index.html（git比较慢多等会）1、使用vue-cli构建骨架a：全局安装vue-clinpminstall--globalvue-clib：使用命令创建项目vueinitwebpacky
凡夫俗子Z·2023-11-25 02:14

vue3中报错ReferenceError: require is not defined

因为写项目的时候使用的是vite工具，而require是webpage中的，解决方法如下：通过import引入图片，图片名字随便起然后再要使用的时候，输入你引入的名字(imgName)即可解决
苍风的心上人·2023-11-25 02:38

你咋还不会搭webpack？

前言：此文档演示一套webpack项目的完整搭建以及常见配置，保持更新安装命令默认为cnpmi*——可以根据喜好改成npm或者yarn后缀为-D:--save-dev也就是说当前依赖要安装到开发环境中去
鹤仔z·2023-11-25 01:13

webpack

目录Babel：JS编译器（es6->es5，jsx->js）loader：编译->jsless-loader：less->csscss-loader：css->jsstyle-loader：创建style标签，将js中的样式资源插入标签内，并将标签添加到head中生效ts-loader：打包编译Typescript文件执行顺序：出栈(从后往前)plugin：发布订阅、广播、监听优、删、简：压缩代
参宿7·2023-11-25 00:48

Vue学习之路

1.vue是什么概念：vue是一个用于构建用户界面的渐进式框架声明式渲染=>组件系统=>客户端路由(VueRouter)=>大规模状态管理(Vuex)=>构建工具(Webpack/vite)vue的两种使用方式
wuhuajun_123456·2023-11-24 23:09

Webpack 究竟是什么？

webpack是一个模块打包工具EsMoudule模块引入方式：输出：functionHeader(){}exportdefaultHeader引入：importHeaderfrom'.
__越过山丘__·2023-11-24 23:30

vue 搭建后台系统模块化开发

README.md├──build│├──build.js│├──check-versions.js│├──logo.png│├──utils.js│├──vue-loader.conf.js│├──webpack.base.conf.js
aimee66·2023-11-24 21:56

配置Vue脚手架，使用webpack解析vue项目

一、安装nodejs环境官网下载地址：https://nodejs.org/en/具体安装步骤见地址：NodeJS、NPM安装配置步骤(windows版本)安装完成后，打开cmd，输入指令：node-v//查看自己安装的node.js的版本npm-v//安装node的时候就会携带npm的安装,npm是node的命令安装模块二、配置Vue-cli脚手架（cmd窗口配置）1、我们还需要做的一个工作是，
中国胖子风清扬·2023-11-24 20:59

Vue3中使用svg文件图标（TS）

写入如下：importpathfrom"path";functionresolve(dir){returnpath.join(__dirname,'.',dir)}module.exports={chainWebpack
Leon@98·2023-11-24 19:23

Vue2.0开发之html-webpack-plugin插件(05)

一概述html-webpack-plugin插件介绍html-webpack-plugin插件安装与配置html-webpack-plugin插件的特性二html-webpack-plugin插件介绍webpack
PGzxc·2023-11-24 18:41

webpack构建Vue2.0项目初体验

想着这几天的体验，刚开始捣鼓着webpack构建Vue2.0的项目，真的是一片心酸啊～～因为看着网上诸多关于webpack+vue的教程，这些教程大多数都是一开始就介绍一大堆相关的配置，对于刚入门vue
Ertsul·2023-11-24 18:42

vue-cli4引用UEditor碰到的坑

由于最近升级了vue-cli4跟以往的配置方式不一样导致引用出现很多坑引入UEditor时样式文件失效但是确实是引用进去了，并且运行的时候页面上有报错，某个方法没有找到，后面查找资料是webpack将文件进行了处理导致
上邪_J·2023-11-24 15:43

使用Vite快速构建Vue3+ts+pinia脚手架

一、前言vue2+webpack的时代要过去了，主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建，vue3官方也是推荐的！！速度快，基本上是秒杀级别的！
小何爆炸·2023-11-24 13:25

http、https 等 常用默认端口号

服务器，默认的端口号为80/tcp（木马Executor开放此端口）；HTTP协议代理服务器常用端口号：80/8080/3128/8081/9080HTTPS（securelytransferringwebpages
yywfy的昵称·2023-11-24 13:13

vue build打包之后页面空白以及背景图片不加载

1.打开webpack.prod.conf.jspublicPath:'./',2.打开webpack.base.conf.js?'.
安徒生1997·2023-11-24 13:40

JS 中的require 和 import 区别

转自：山高我为峰https://www.cnblogs.com/liaojie970/p/7376682.html在研究react和webpack的时候，经常看到在js文件中出现require，还有import
Enjoy-li·2023-11-24 12:27

2019-10-12 webpack多文件入口

如下为account工程中webpack.config.base.js中代码片段：//1\.通过nodejs中path.resolve方法将相对路径转为绝对路径，获取src目录路径const
lena_b870·2023-11-24 12:47

vue安装 axios

标签（空格分隔）：vue安装npm安装npminstallvue直接引入vueinitwebpackmydemo切换到项目目录cdmydemo安装模块npminstall它根据package.json的配置表进行安装
闲逛的一鱼竿·2023-11-24 12:53

安装vue全局变量，用powershell创建项目

2、webpack:它主要的用途是通过CommonJS的语法，把所有浏览器端需要发布的静态资源，做相应的准备，比如资源的
过年好_·2023-11-24 11:29

vue html loader 知乎,Vue 使用心得，一些插件!(转自知乎)

实践方案的话，vue+webpack+vue-router+vue-resource。就我个人而言，vue的开发体验还是比较愉悦的。首先，文档非常友好，所以上手会比较快。
活宝spring·2023-11-24 11:21

vue 报错 "extract-text-webpack-plugin"

问题描述：将本地node项目部署到其他node环境中时，提示错误Modulebuildfailed:Error:"extract-text-webpack-plugin"loaderisusedwithoutthecorrespondingplugin
O无为学长O·2023-11-24 10:15
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他