前端技术-webpack

vue中的process.env.NODE_ENV

在node中，process.env表示当前系统的环境信息process.env中并不存在NODE_ENV这个属性，这个是用户自定义的变量，在webpack中用来判断是生产环境和开发环境在项目中通常是在
团猫咪爱吃玉米·2024-01-11 06:05

vue项目实现内网穿透

实现步骤使用uTools软件的“内网穿透”插件配置vue项目配置内网穿透插件参数一、下载uTools软件并安装内网穿透插件，如下图所示：二、配置vue项目参数在webpack.dev.conf.js文件下配置相关参数
椒盐大肥猫·2024-01-11 05:54

webpack高手秘籍（四）

前言我们继续前面的内容，把webpack剩下的配置项撸一遍，推荐大家先看一下前面的文章：webpack源码解析一webpack源码解析二（html-webpack-plugin插件）webpack源码解析三
vv_小虫虫·2024-01-11 05:44

细节！！！整理Vue项目中的那些环境变量

但是我这里想去给他专个明白，因为基于传统Vue2+Webpack的项目与Vue3+Vite**的项
放荡不羁的小雨鸽·2024-01-11 05:03

鸿鹄电子招投标系统：企业战略布局下的采购寻源解决方案

同时，通过VUE、Uniapp、Layui等前端技术，实现了与供应商的快速交互和信息共享。功能模块：待办消息
微服务技术分享·2024-01-11 04:57

webpack的性能优化（二）——减少打包体积

优化webpack性能时，主要集中在两个方面：优化构建后的结果和优化构建时的速度。前一篇文章已经介绍了如何通过webpack的分包来优化构建后的结果。而在本篇文章中，我们将从减少打包体积的角度来探讨。
ICanWin_lll·2024-01-11 03:19

webpack的性能优化（一）——分包优化

默认情况下，Webpack会将所有代码构建成一个单独的包，这在小型项目通常不会有明显的性能问题，但伴随着项目的推进，包体积逐步增长可能会导致应用的响应耗时越来越长。
ICanWin_lll·2024-01-11 03:49

前端周刊第十九期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
四六十·2024-01-11 03:56

如何为Electron应用开发原生模块

它结合了Chromium和Node.js，让前端开发者能够使用前端技术构建功能强大的桌面应用程序。
转转技术团队·2024-01-11 03:28

搭建Vue项目【最后附Mint】

://nodejs.cn/download/图1查看版本号2、全局安装vue-cli命令【npminstall--globalvue-cli】图2搭建全局vue脚手架3、进入你的项目目录，创建一个基于webpack
Mandy肉肉·2024-01-11 02:23

前端性能优化的方式

原则：多使用内存、缓存或其他方法减少CPU计算量，减少网络加载耗时（适用于所有编程的性能优化-空间换时间）从何入手：让加载更快，让渲染更快「让加载更快」1.减少资源体积：压缩代码：webpack配置mode
loushumei·2024-01-11 02:40

SpringBoot+Vue豆宝社区前后端分离项目手把手实战系列教程02---创建后端工程

image代码开源地址前端后端视频教程地址视频教程前端技术栈VueVuexVueRouterAxiosBulmaBuefyElementVditorDar
__豆约翰__·2024-01-11 00:02

「Movie-web」一个非常简洁独特的电影网站开源项目

该项目采用现代化的前端技术和后端技术，为用户提供良好的用户体验和稳定的服务。项目介绍movie-web是一款在GitHub上开源的一个简单且易上手的应用程序，用于观看电影和电视节目。
孜孜孜孜不倦·2024-01-10 20:44

vue3中引入本地图片

本地图片一般存放在src/assets或者public目录下，public目录下的图片不会被webpack打包，src目录下面的图片会被webpack打包在vue组件中的script中使用require
橙絮_缘·2024-01-10 19:47

webpack之proxyTable设置跨域

转自：https://www.cnblogs.com/wancheng7/p/8987694.html为什么要使用proxyTable很简单，两个字，跨域。在平时项目的开发环境中，经常会遇到跨域的问题，尤其是使用vue-cli这种脚手架工具开发时，由于项目本身启动本地服务是需要占用一个端口的，所以必然会产生跨域的问题。当然跨域有多种解决方式，这里就不一一例举，下次弄篇文章单独讲，在使用webpac
胡儒清·2024-01-10 19:42

鸿鹄电子招投标系统：企业战略布局下的采购寻源解决方案

同时，通过VUE、Uniapp、Layui等前端技术，实现了与供应商的快速交互和信息共享。功能模块：待办消息
m0_72864708·2024-01-10 19:59

利用插件机制横向扩webpack构建能力

webpack插件机制是为了增强webpack在项目自动化构建方面的能力（解决除loader资源模块打包外的其他自动化工作）常见应用场景：实现自动在打包之前清除dist目录，clean-webpack-plugin
翔子丶·2024-01-10 18:28

基于flask的Python学校失物招领系统设计与实现

软件开发环境及开发工具：开发语言：python使用框架：Flask前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
小程序设计·2024-01-10 18:12

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（五）—— 项目-新闻头条-数据管理平台-ajax综合案例前端

愿许秋风知我意，解我心中意难平。项目介绍项目准备推荐使用，每个程序员都有自己的管理方式。验证码登录HTML结构：黑马头条-数据管理平台操作结果黑马头条登录1.为什么要提取公共前缀地址（基地址），因为公司业务可能会更换服务器，如果你不想一条一条地修改请求地址的话。后续使用axios时，url不需要再写前缀。2.请求成功与失败成功返回message“OK”还有token等（作用后续讲）输入错误验证码，
卡皮巴拉·2024-01-10 16:16

pnpm 安装报错Cannot find module ‘./App.vue‘ or its corresponding type declarations.

最近的项目准备尝试搭建monorepo管理手机后台和门户三端，更新了vue3+webpack5+ts工程的包版本，运行后把eslint和stylelint的配置改完，yarn安装运行没问题，换pnpm安装后运行
txxxfish·2024-01-10 16:30

vux 的安装 和使用

vux的安装和使用npmivux-S2.npmivux-loader--save-dev3.在bulid—>webpack.base.conf.js下，首先引入vux-loaderconstvuxLoader
兜兜里冒糖糖·2024-01-10 13:16

require.context的作用

1、什么是require.context一个webpack的api，通过该函数可以获取一个上下文，从而实现工程自动化（遍历文件夹的文件，从中获取指定文件，自动导入模块）。
guhy fighting·2024-01-10 13:15

【NodeJS学习 day1——引入】

前端核心技术体系HTML+CSS→JavaScript→Node.js→Webpack→React→Vue→小程序Node.js是什么？
Dosage de fleurs·2024-01-10 13:15

vue路由及参数router

创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。
令狐少侠2011·2024-01-10 12:13

【前端】vue3打包命令 ，Vue2与Vue3 的命令区别

Vuecli2版本安装命令:npminstall-gvue-cli2.Vuecli3版本安装命令：npminstall-g@vue/cli二、创建项目区别1.Vuecli2版本创建项目命令:vueinitwebpackproject2
奔向理想的星辰大海·2024-01-10 11:23

webpack4 的热加载

引用：webpack-dev-server、webpack-dev-middleware、webpack-hot-middlewarewebpack-dev-serverviwebpack.config.jsconstpath
余带盐·2024-01-10 10:13

VS Code关闭eslint的语法检查

VSCode在文件->首选项->设置中添加"eslint.enable":false配置即可image.png右侧用户设置会自动覆盖左侧的默认设置vue工程中在webpack.base.conf.js配置文件中删除有关
知足常乐晨·2024-01-10 06:25

css文字背景虚化,通过实现背景模糊、文字颜色流光渐变、边框扩展等效果学习transition、transform、@keyframes等属性及伪元素的使用...

百度前端技术学院2017于2月24日开始进行，一共有6个学院可供学习，分别是小薇学院(html/css基础)、斌斌学院(js基础)、耀耀学院(小游戏/交互)、商业平台学院(web/ios/android
陶映雪·2024-01-10 06:10

webpack4.X下mini-css-extract-plugin插件

因为extract-text-webpack-plugin官方不再维护，故不支持webpack4.X版本推荐下载mini-css-extract-plugin用法:1.先constMiniCssExtractPlugin
iamEli·2024-01-10 05:51

小程序开发之前端技术选型

在小程序开发中，前端技术的选型主要取决于小程序的平台。
羱滒·2024-01-10 04:42

node.js 安装及配置环境变量、Webpack安装

一、node.js安装官网：https://nodejs.org/en/下载地址：https://nodejs.org/dist/v14.17.6/node-v14.17.6-x64.msi1.1安装nodejs期间安装盘默认C盘，建议更换到盘符，我这里安装到D:\Web\nodejs\1.2.使用window+R快捷键，打开CMD，检查Node是否安装成功C:\Users\Administrat
小夏同学呀·2024-01-10 02:26

vue-cli的简介

1.安装脚手架工具vue-cli（命令行）全局安装vue-cliMac打开终端，windows打开命令行工具输入npminstall--globalvue-cli创建一个基于webpack模板的项目输入
nzdnllm·2024-01-10 02:19

基于Vite构建的Vue3+Ts项目打包优化全过程

前置工具打包体积分析器：rollup-plugin-visualizer是一个打包体积分析插件，对应webpack中的webpack-bundle-analyzer。
-最爱吃兽奶-·2024-01-10 01:25

Vue3 + vite 和 Vue2+webpack 打包后查看资源占比

1.Vue3+Vite中Vite使用的rollup打包，所以用rollup-plugin-visualizer--save-dev插件来进行打包体积大小的分析安装插件npminstallrollup-plugin-visualizer--save-dev在vite.config.js或者vite.confg.ts中使用import{visualizer}from"rollup-plugin-vis
卜卦丶cc·2024-01-10 01:55

webpack中文网（三）tree shaking(副作用、压缩输出)、生产环境构建（webpack-merge、指定环境）、代码分离（防止重复、动态导入）

webpack中文网（三）treeshaking(副作用、压缩输出)、生产环境构建（webpack-merge、指定环境）、代码分离（防止重复、动态导入）文章目录webpack中文网（三）treeshaking
ChrisP3616·2024-01-10 01:24

rollup 打包分析插件 类似webpack-bundle-analyzer

原文链接:rollup打包分析插件类似webpack-bundle-analyzer上一篇:图片拼接项目迁移vue3计划[todo]下一篇:vue3Set和Map劫持https://github.com
阿豪boy·2024-01-10 01:24

可视化构建包分析报告

一、webpackwebpack-bundle-analyzer使用webpack-bundle-analyzer插件即可。
weixin79893765432...·2024-01-10 01:54

在vue3+ts+vite2项目中引入并使用打包分析插件

相比webpack打包时，用webpack-bundle-analyzer插件来进行打包体积大小的分析，在vite打包中，由于vite实际用的是rollup打包，本文就介绍如何在项目中接入rollup-plugin-visualizer
Ying（英子）·2024-01-10 01:53

Vue完整版与runtime版本的区别

使用该版本，可直接将内容写在HTML中查看视图效果，或用template渲染到HTML，用webpack引入，需要配置alias，@vue/cli引入也需要额外配置。
浪味仙儿啊·2024-01-10 00:42

webpack 基础配置

开发环境constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin
小和尚敲木头·2024-01-10 00:29

vue-cli 的单元测试

的单元测试之路一安装首页我们在安装的时候要注意一些步骤（先确保你已经安装了node）1.安装vue-clinpminstall--globalvue-cli输入vue-V如出现版本号证明已经安装成功2执行命令vueinitwebpack
张益达_pearl·2024-01-09 23:04

前端学习专栏

JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack
weixin_51551879·2024-01-09 22:34

react 脚手架打包不生成 sourceMap 的解决方案

前言我相信很多前端工程师都跟我一样，用惯了开源的项目脚手架工具以后，都不习惯自己配置webpack了。
纯爱枫若情·2024-01-09 22:09

在上海乐字节学习的三十六天

如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用Chromium&Webkit来呈现web页面，是客户端里面嵌浏览器，浏览器里面跑网页。
阿丫o·2024-01-09 22:08

(N-138)基于springboot,vue在线教育平台

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源-·2024-01-09 21:44

【Top10】天津高性价比Web前端培训机构（Web前端需要掌握什么技能）

Web前端开发已经成为了一门备受瞩目的技能，对于一些初学者或者转行的人来说，也是非常友好的，当然越火也越会存在争议，大部分没有经验的人会选择参加培训来学习Web前端技术，也有不少人对于参加Web前端培训的必要性存在疑虑
qq_38453958·2024-01-09 17:53

天津最新web前端培训班 如何提升web技能？

越来越多的人希望能够通过学习web前端技术来提升自己的就业竞争力。为了满足市场的需求，许多培训机构纷纷推出了web前端培训课程。
qq_38453958·2024-01-09 17:50

npm install webpack-dev-server报错Unable to load ‘@webpack-cli/serve‘ command

实现ctrl+s时打包文件自动刷新初始化npminit-y安装webpacknpminstallwebpack@5.42.1webpack[email protected]安装webpack插件npminstallwebpack-dev-server
我王某不需要昵称·2024-01-09 16:50

html选择日期的组件,怎样实现一个datePicker（日期选择）组件

百度前端技术学院上有一个任务，要实现一个日期选择组件，本文由此而来~看看需求组件默认一直呈显示状态通过某种方式选择年、月，选择了年月后，日期列表做相应切换通过单击某个具体的日期进行日期选择组件初始化时，
weixin_39564036·2024-01-09 15:16

深入理解单体架构

1.前端技术在单体架构中，前端通常由HTML、CSS和JavaScript组成。常见的前端框架包括：Vue.js：用于构建可交互的用户界面。{{message}}UpdateMessageex
极客李华·2024-01-09 15:37
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他