【webpack】

Nginx配合Vue的history模式

加上一行代码就行：try_files$uri$uri//index.html;如果前端使用的webpack打包，需要这样配置：
io无心·2023-12-19 07:30

Unsupported URL Type “npm:“: npm:fork-ts-checker-webpack-plugin@^5.0.11

UnsupportedURLType"npm:":npm:fork-ts-checker-webpack-plugin@^[email protected]:requesthasbeendeprecated
尼古拉斯-托尔斯泰-赵四·2023-12-19 07:53

Command vue init requires a global addon to be installed.Please run undefined @vue/cli-init...报错

创建vue项目时，执行vueinitwebpackwebpackDemo01之后报错：原因是：没有安装init依赖解决办法：执行npminstall-g@vue/cli-init，安装上即可
゛anqiaoyun·2023-12-19 06:03

npm中package.json详解

常用命令npmi--savepackageName安装依赖包npmi--save-devpackageNamenpmiwebpack@1.2.1安装指定版本的包，版本号用@符号连
日G一卒·2023-12-19 05:51

webpack

目标:webpack本身是,node的一个第三方模块包,用于打包代码现代javascript应用程序的静态模块打包器(modulebundler)把很多文件打包整合到一起,缩小项目体积,提高加载速度其中功能
jokerJOJO777·2023-12-19 05:12

个人笔记|vue+cesium环境搭建

、基本环境安装编辑器：webstorm服务：node.jsnpmCesiumJS:Cesium-v1.9.1vuev2.9.6二、vue项目搭建1.创建项目在准备存放项目的位置打开cmdvueinitwebpackproject_name
图骨南·2023-12-19 04:12

iview ui框架

前端框架参考官网：https://www.iviewui.com/docs/introduce整合iview框架标签引入略NPM安装在这里插入代码片npminstalliview--save引入方式（以webpack
xp_1711·2023-12-19 03:36

vue-cil+vuex 构建一个简单的记事本应用

Demo：https://ccessl.github.io/test/实现效果：安装npm和vue-cli这里就略过了，首先创建一个webpack模板项目在命令提示符终端输入：npminitwebpack
ccessl·2023-12-18 23:39

前端打包工具之Webpack5

前端打包工具之Webpack5什么是打包工具打包工具的作用常见的打包工具一、Webpack1、什么是[webpack](https://webpack.docschina.org/concepts/)2
原谅我很悲·2023-12-18 22:02

JavaScript模块化规范

2、CommonJSNode，Webpack支持一个文件一个模块，模块变量不污染全局变量。通过require来同步加载所依赖模块。通过exports或者module.export导出需要暴露的接口。
智慧源于勤奋·2023-12-18 21:44

【网络安全】webpack下加密方法提取思路

0x01js中常规提取思路1.1找到加密方法位置常见方法有：1.搜索加解密关键字，如encypt,encode等2.搜索被加密接口或者参数名，如login,password等3.XHR监听，搜索调用堆栈这里通过搜索encypt找到了加密方法位置1.2提取加密方法和有关调用函数我们将加密函数提取到本地后，还需要跟进补齐所有函数定义，比如i，n，ssm2.doEncrypt等方法提取打包下来1.3.1
网络安全陈火乐·2023-12-18 21:27

二十五、对线上CSS文件进行代码分割（打包成单独的CSS文件）------ 2019-07-20

之前我们已经处理过如果打包css文件以及其他类型的样式表文件：那个时候我们打包项目的时候，项目中并没有生成对应的css文件，style-loader最终是将css文件挂载到了HTML的head部分，这时候webpack
自己写了自己看·2023-12-18 20:02

vue-cli · Failed to download repo vuejs-templates/webpack: connect ECONNREFUSED 127.0.0.1:443

问题场景在搭建vue时，输入vuewebpackinitxxx时，出现了这个错误，然而仓库实际已经存在，并且搭建过项目问题分析方法1解决这个问题花费了不少时间，其中将node.js卸载，或者npm相关的四大组件都卸载
广州的程序猿·2023-12-18 20:22

Vue+webpacke 基础环境配置及创建项目

安装cnpm:$npminstall-gcnpm--registry=https://registry.npm.taobao.org1、安全全局依赖cnpminstall-gwebpackwebpack-cli2
沙漠之鹰007·2023-12-18 15:27

vue-cli3打包时遇到Cannot assign to read only property 'exports' of object '#'问题总结。
分析原因：第一种原因就是import和module.exports的混用，因为commonJS和ES6的语法是不太一样，当混用这两个语法的时候，webpack就会报错。
laogui_·2023-12-18 14:40

从无到有搭建Vue.js+webpack前端开发环境（五）

上一篇我们简单的介绍了一下vue-router的下载和引入，并且将router.js文件稍微做了修改。这篇文章介绍了vuex库，并将其引入工程。第五阶段：引入vuex库什么是vuex？vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这是官网给出的解释，我个人理解就是一个用来管理各个组件状态的工具。
littlebutt·2023-12-18 08:57

webpack打包体积优化，减少白屏时间

webpack打包体积优化加载慢原因分析及解决一个是打包体积的优化，另一个是代码层面的优化1》首先通过Network面板发现vendor.js体积过大，网路良好情况下加载时间太长），vendor体积太大
bug丸·2023-12-18 08:42

打包速度优化

webpack打包耗时分析优化如何分析speed-measure-webpack-plugin它分析webpack的总打包耗时以及每个plugin和loader的打包耗时，从而让我们对打包时间较长的部分进行针对性优化使用时要注意它与
bug丸·2023-12-18 08:42

vue webpack 启动报错checking for Python executable "python2" in the PATH

学习地址：https://blog.csdn.net/xuyunfei_2012/article/details/54574203使用cnpm来安装：具体做法：安装cnpmnpminstallcnpm-g--registry=https://registry.npm.taobao.org安装gulp-sass语法都是一样的，只是将npm换成cnpmcnpminstall--save-devgulp
张中华·2023-12-18 07:22

vue3学习—vite原理

vue3学习—vite原理一、vite原理1、webpack2、vite3、webpack和vite的比较4、提问：vite中能使用commonJs一、vite原理要了解vite首先从webpack讲起
飞羽逐星·2023-12-18 06:14

vite 原理详解

Vite介绍Vite是Vue作者尤雨溪又一个备受关注的开源项目，它是一个前端构建工具，可类比Webpack。
perryhuan9·2023-12-18 06:11

Vite原理学习之预编译

在目前的前端工程化生态中，webpack、rollup、esbuild等非常流行，而Vite真是构建在一些流行的技术上。
玉案轩窗·2023-12-18 06:11

Vite 原理浅析

有如下特点：快速的冷启动:NoBundle+esbuild预构建即时的模块热更新:基于ESM的HMR，同时利用浏览器缓存策略提升速度真正的按需加载:利用浏览器ESM支持，实现真正的按需加载Vite相比于Webpack
编程轨迹_·2023-12-18 06:40

vite原理

这是vite的一个特色，也是为什么会相对于webpack比较快的原因，我们从原理上来看一下为什么需要转为ESM。webpack是为了兼容性的考虑，支持多种模块化，当我们使用webpack启动
F班的小夏同学·2023-12-18 06:37

本地项目localhost可以访问，ip不能访问

修改webpack.dev.conf.js文件host:'0.0.0.0'webpack的打包设置会影响可访问的路径
chace_tse·2023-12-18 05:22

Vue 如何配置 Sentry

Vue-cli3.0、[email protected]、[email protected]一、安装Sentry模块"@sentry/vue":"^6.13.3","@sentry/tracing":"^6.13.3","@sentry/webpack-plugin
ian.liu·2023-12-18 04:00

ES6模块化和webpack打包（模块化部分）

✍目录总览：模块化相关规范1.模块化概述传统开发模式的主要问题①命名冲突②文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.浏览器端模块化规范3.服务器端模块化规范1.CommonJS①模块分为单文件模块与包②模块成员导出
生命里那束光·2023-12-18 03:47

Vue-resource总结

如果项目是通过webpack构建的，可以在项目文件中安装插件，然后引进。
Ertsul·2023-12-18 02:04

简易实现 html playground

探究了一下webpack的打包机制后发现，webpack在eval下会将模块打包成IIFE+类似Commonjs的形式运行，又受到vueplayground的启发，便想实现一个简易的htmlplaygroundwebpack
cc-heart·2023-12-18 00:00

VUE开发请求本地数据的配置.webpack.dev.conf.js

1.webpack.dev.conf.js配置本地数据访问a.在constportfinder=require('portfinder')之后加：varappData=require('..
唯快不破VV·2023-12-17 20:37

webpack中对CSS文件的代码分割

webpackhot.jpg写在前面在之前的文章中，我们介绍了如何对JS文件进行代码分割，这节我们将介绍，如何对css文件做代码。
喜剧之王爱创作·2023-12-17 19:22

认识loader和plugin

在webpack中，专注于处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。
撸三发·2023-12-17 19:36

Electron Preload 预加载

[转自]从零开始搭建Electron+Vue+Webpack项目框架（五）预加载和Electron自动更新什么是预加载来看看electron官网的介绍:https://www.electronjs.org
Miss_Ella·2023-12-17 18:25

关于配置了 webpack-dev-server 和 clean-webpack-plugin 导致每次启动服务时会清空 dist 目录下 build 的文件

关于配置了webpack-dev-server和clean-webpack-plugin导致每次启动服务时会清空dist目录下build的文件clean-webpack-plugin会在每次build（
前端小白的摸爬滚打·2023-12-17 13:30

vue-cli初步

node.js下载安装node.js，一路默认安装即可，安装完毕，启动命令行，输入命令node-v，可以看到node.js的版本号image2.安装vue-cli使用npm（需要安装node环境）全局安装webpack
皮皮力_996a·2023-12-17 12:37

Mac下安装并创建VUE项目并引入element-ui组件

2.安装VUE-CLIVUE-CLI是一相基于Webpack的vue模板项目，我们的项目基于此模板项目开发，所以建第一个项目前需要
守护_6b43·2023-12-17 06:10

vue项目启动

初始化项目vuecli2.0安装(路由可选)1.1-安装:npmi-gvue-cli1.2-初始化vue项目:vueinitwebpack项目名称1.3-项目安装过程:?Projectname#回车?
FForYou·2023-12-17 04:45

webpack学习-4.开发环境

webpack学习-4.开发环境1.mode2.使用sourcemap3.自动编译代码3.1webpack的观察模式3.2使用webpack-dev-server3.3使用webpack-dev-middleware4
ฅQSω[*邱╭·2023-12-17 03:14

单页应用如何提高加载速度？

提高单页应用（SinglePageApplication，SPA）的加载速度可以从以下几个方面入手：代码优化：压缩和精简JavaScript、CSS和HTML代码，减少文件大小，通过使用工具如Webpack
是个车迷·2023-12-17 03:13

记一次webpack配置文件外置

前言众所周知，webpack配置环境变量文件，是根据打包命令寻找对应的环境变量文件，从而获取接口地址。所以触发时机是在每次打包的时候，接口地址才会被打包进去，无法自由修改。
yazhiShaw·2023-12-17 03:43

050:vue项目webpack打包，大文件分成几个小文件的方法

第050个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。（1）提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated,bef
还是大剑师兰特·2023-12-17 03:12

关于Vue打包的一个要注意的地方

我们用vue-cli（脚手架）自动生成项目，然后用webpack来打包，往往会遇到这种问题：1、直接根据README.md里面的npmrunbuild打包2、打包后的文件在dist目录里面dist3、往往这个时候我们都会想到在本地用服务器打开来看看代码是否正常显示看看打包有么什么问题
CMihee·2023-12-16 20:31

ssl证书问题导致本地启动前端服务报500

报错如下：注意查看报错信息问题：系统原是http，后台调整为https后，ssl证书有点问题，vue项目本地服务，使用代理，webpack默认，证书强校验，导致请求无法发出，后台日志也无反应。
九霄123·2023-12-16 16:13

Can‘t resolve ‘path‘ in ‘/Users/72cy-0101-01-0017/Desktop/vue3-elementplus-admin/src/utils‘

Can'tresolve'path'in'/Users/72cy-0101-01-0017/Desktop/vue3-elementplus-admin/src/utils'BREAKINGCHANGE:webpack
piter苏·2023-12-16 16:27

React（脚手架）——create-react-app撸api（一）

上次的webpack配置React环境就写到那了，因为本人太菜，就不误导大家了回答最初的create-react-app的脚手架安装，安装之后的目录稍微看一下初始化的目录是有点乱的，当然可能你的组长会配置好所有事项比如说这样改完之后呢如果我们运行
感觉不错哦·2023-12-16 13:07

微信小程序代码包限制2M 怎么解决？

以下是几种常见的解决方法：代码压缩：可以通过使用webpack等工具进行代码压缩，从而减小代码包的大小。按需加载：将一些不必要的代码按需加载，可以通过使用分包加载或动态加载组件等技术实现。
一个大长腿·2023-12-16 11:58

有助于理解前端工具的 node 知识

缘起平时写惯了业务代码之后，如果想要了解下webpack或者vue-cli，好像是件很难上手的事情。拿webpack来说，我们可能会对配置熟悉点，但常常一段时间过后又忘了，感觉看起来不是很好懂。
前端的爬行之旅·2023-12-16 07:41

vue体会

说到vue对于初学者来说我觉得以下几点是一个入门的必须过程1.最简单的脚手架搭建方式过程，其中npm，vue-cli，webpack的安装，必须了解2.脚手架搭建完成后，对各个文件必须弄清楚package.json
舟渔行舟·2023-12-16 07:37

vue脚手架生成的项目让它支持less预处理器

在webpack.dev.conf.js中，可以看到下面的代码：装成功后，打开build/webpack.base.conf.js，在module.exports=的对象的module.ru
初遇你时动了情·2023-12-16 06:32

Web Woeker和Shared Worker的使用以及案例

与主线程通信4.3、终止WebWorker4.4、监听错误信息5、使用SharedWorker4.5、调试SharedWorker6、使用中的一些坑6.1、WebWoeker中引入了其余文件6.2、在WebPack
鹏多多.·2023-12-16 06:24
上一页 24 25 26 27 28 29 30 31 下一页