WebPack

解决使用脚手架构建项目缺失node_modules文件夹文件问题

vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了node环境、和配置的环境变量、vue-cli和webpack
weixin_30414635·2024-09-07 20:38

浅谈PostCSS

sass是很常用的css预处理器语言，在webpack中要使用它，需要安装sass-loader，而sass-loader又依赖于node-sass。
三翼鸟数字化技术团队·2024-09-07 18:56

webpack打包后输入url第一个访问到的是什么

当你使用Webpack打包后，访问生成的URL时，浏览器首先会请求打包输出的HTML文件。
m0_73882020·2024-09-07 11:06

class 7: vue.js 3 前端工程化

因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面
Clarence Liu·2024-09-07 07:39

CSS Vue3深度选择器

style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理：在css中使用过选择器的选择过元素(组件下)元素生成添加一个属性=>data-v-hash值webpack
不叫虎子·2024-09-06 22:42

【前端Vue】06 - VueCLI 脚手架

VueCLI是一个官方发布vue.js项目脚手架，使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。
itlu·2024-09-06 06:50

(一)搭建环境利用babel转换为es5的方法

所以我们要把这种语法转化成ECMA5.0的语法，要是使用webpack的话，他有自动编译的功能。除了Webpack，我们还可以使用Babel来完成。
我拥抱着我的未来·2024-09-05 16:28

webpack loader

Webpack的loader是按照相反的顺序执行的。具体来说，Webpack会从配置中use数组的最后一个loader开始，依次向前执行。
_Rookie._·2024-09-04 21:19

webpack plugin

Webpack的插件（plugin）和loader的执行顺序有所不同。插件的执行顺序是按照它们在配置中的声明顺序执行的，而不是倒序执行。
_Rookie._·2024-09-04 21:16

vue脚手架的创建

一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和webpack已经安装过node.js
熟悉的新风景·2024-09-03 19:00

vue 高德地图api爬坑之路（一）初始化

集成：public/index.html添加vue.config.js添加高德地图配置configureWebpack:{externals:{'AMap':'AMap'//高德地图配置}},vue代码
小C_cao·2024-09-03 08:53

vue-cli webpack 打包报错：Unexpected token: punc (()

本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
曹天骄·2024-09-02 01:13

UglifyJs Unexpected token: punc (,)

vue打包报错：查到几种可能原因，一一排除@click调用方法传参多了个逗号仔细检查了，确认没有写多逗号uglifyjs-webpack-plugin代替webpack.optimize.UglifyJsPluginyarnuglifyjs-webpack-plugin
触不到的颜色是否叫彩虹·2024-09-02 01:42

webpack打包报错UglifyJs Unexpected token: punc (,)

项目当dev命令运行时能正常运行，打包后却报错UglifyJsUnexpectedtoken:punc(,)，>yarnbuildCreatinganoptimizedproductionbuild...Failedtocompile.Failedtominifythebundle.Error:static/js/main.jsfromUglifyJsUnexpectedtoken:punc(,)
enjoy嚣士·2024-09-02 01:09

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript
秋说·2024-09-01 22:52

以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。
云只上·2024-09-01 12:50

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义
神小夜·2024-09-01 10:07

深入理解webpack自动刷新浏览器

文章目录1.自动刷新浏览器1.1监听文件变化1.1.1方式1.1.2原理1.2自动刷新浏览器1.2.1原理2.模块热更新2.1两种方式2.1.1webpack-dev-server2.1.2webpack-hot-middleware
前端子金·2024-09-01 07:18

90、使用webpack打包的项目优化方案

一、根据可视化工具查看项目打包webpack-bundle-analyzer可视化工具Webpack进行打包，到底打了多少包，每个包有多大？
world_7735·2024-09-01 03:43

vue项目打包压缩静态资源—使用compression-webpack-plugin

vue项目打包压缩静态资源—使用compression-webpack-plugin场景：vue项目打包上线后，资源加载缓慢，用户体验感差。
牛小妞~牛·2024-09-01 02:51

是什么让尤大选择放弃Webpack？面向未来的前端构建工具 Vite

写在开头前两天在知乎看到过一篇文章，大致意思是讲：字节跳动已经开始“弃用Webpack”，尝试在自研构建工具中使用类似Vite的ESmodule构建方式。
码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的
F-125·2024-08-30 12:41

npm install webpack --save-dev为什么出错

下载webpack时候出错是什么原因错误是这样的错误的原因是这样的错误是这样的PSF:\web-lcm\webpack>npminstallwebpack--save--devnpmWARNinstallUsageofthe
阳光下的女汉子·2024-08-30 12:41

面试题——为什么vite打包速度比webpack快

vite采用了不同的开发模式,相较于webpack的先打包再启动服务器,vite则是直接启动,在请求模块时再进行实时编译,在大型项目中,这种按需动态编译的模式极大地缩短了时间vite充分利用了现代浏览器对
想看看风景·2024-08-30 12:10

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？
快乐点吧·2024-08-30 12:39

webpack4手动搭建Vue项目

小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具，和npm的用法基本一样学习总结1.多看看webpack官网2.webpack的作用：配置一堆东西，达到运行程序的目的
YUELEI118·2024-08-30 12:37

【面试题】2024前端面试真题_中国电信前端面试(1)

react.meno第二个参数是什么pureComponent手写代码实现一个有状态的倒计时浏览器强缓存，cacle-control有哪些字段浏览器缓存原理微信原生小程序性能指标有没有看过qiankun的底层原理webpack5
2401_84437604·2024-08-30 12:05

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?
爱学英语的程序媛·2024-08-30 12:04

关于vue2运行时filemanager-webpack-plugin报错isFile is undefind

当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。
又写了一天BUG·2024-08-30 12:34

【Node.js 常用命令（第五篇）】揭秘Node.js：掌握这些常用命令，让你在开发路上风生水起！

目录前言30条常用的Node.js的命令（第1~120条在上一篇）121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.webpack-merge-合并Webpack配置124
雷神 Leo·2024-08-28 21:15

webpack vue-loader was used without the corresponding plugin

webpackvue-loaderwasusedwithoutthecorrespondingplugin.MakesuretoincludeVueLoaderPluginwebpack在配置的时候总是报这个错在网上找了很多方法都不行按照网上的方法配置
轩辕夜空·2024-08-28 09:17

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文
MagnumHou·2024-08-28 03:17

vue 如何合并两个 项目_Vue.js中用webpack合并打包多个组件并实现按需加载

webpack作为一种模块化打包工具，随着react的流行也越来越流行。使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者browserify进行打包，对于
weixin_39959236·2024-08-28 02:42

vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化

Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401·2024-08-28 02:42

Webpack配置及工作流程

Webpack是一个现代JavaScript应用程序的静态模块打包器（modulebundler）。
开发小途·2024-08-28 02:40

Vue多页面应用程序的构建

1、利用vue脚手架快速搭建项目目录a、vueinitwebpacktest生成项目目录b、npminstall安装项目依赖c、npmrundev运行项目页面2、新建项目文件：根目录下：html文件one.html
苦咖啡Li·2024-08-27 14:48

Loader,Plugin

Webpack中的Loader和Plugin是两个非常重要的概念，它们都用于扩展和增强Webpack的功能，但在作用方式和使用场景上有所不同：Loader（加载器）：Loader主要用于转换某些类型的模块
每天吃饭的羊·2024-08-27 13:17

React项目-less、antd配置

一、创建Reract项目1、创建React项目npxcreate-react-appreact-test2、运行ejectCesium静态资源需要webpack配置，执行npmruneject可以生成webpack
呆呆的小草·2024-08-26 17:34

prerender-spa-plugin：Unable to prerender all routes(亲测有效)

dreysolano/prerender-spa-pluginconstPrerenderSPAPlugin=require('@dreysolano/prerender-spa-plugin');因为使用了webpack5
one.dream·2024-08-25 20:50

vue-cli Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)

正确：vueinitwebpack-simple.（注意“.”点，指当前目录。
张静蕾·2024-08-25 12:32

hpdj2600驱动下载

系统，这里不用，支持win8，8.1，7需要数据线点击下载https://h30318.www3.hp.com/pub/softlib/software13/printers/DJ2600/Full_Webpack
i2009lzf·2024-08-25 11:59

webpack.config 之loader

概览webpack本身是无法去理解分析非.js文件的，所以这里需要loader模块来帮助，将对应类型的非js文件转化成webpack可以处理的文件，并最后进行打包。
EastwardFlow·2024-08-25 01:23

3月12日日记：【WEBPACK】【REACT】

关于webpack遇到的问题本次webpack配置一切顺利，需要注意的地方有两点：在使用babel-loader的时候要将node_modules目录剔除，否则会出现项目中载入css的时候出现css-loader
钟志弘·2024-08-24 21:50

前端构建工具 webpack与vite对比

一、webpack构建原理Webpack的构建过程大致为：1.从入口文件开始分析依赖，2.递归解析所有依赖模块，生成依赖图，3.调用Loader转换文件内容，4.打包所有模块输出优化后的静态资源。
人间小趴菜·2024-08-23 15:53

vue 文件夹路径指向比如@/指向src

1.在build下面的webpack.base.conf.js2.设置你想设置的文件夹名字代表的文件位置resolve:{extensions:['.js','.vue','.json'],alias:
丰起云啸·2024-08-22 16:03

ES6 (一）——ES6 简介及环境搭建

目录简介环境搭建可以在Node.js环境中运行ES6webpack入口(entry)loader插件(plugins)利用webpack搭建应用gulp如何使用？
神秘的博主·2024-08-22 06:32

使用webpack搭建个本地项目

1、创建一个名字为my-webpack-project空文件夹mkdirmy-webpack-project2、进入该文件夹cdmy-webpack-project3、初始化项目npminit-y4、安装
不熬夜的臭宝·2024-08-22 05:26

vue打包到iis_【Vue】webpack打包后发布到IIS，刷新找不到

将项目打包好放在iis上遇到两个问题，1.直接输入地址http://192.168.0.106:8089会跳到http://192.168.0.106:8089/home。但是刷新后就提示404，直接输入http://192.168.0.106:8089/home也是4042.我在config/index下设置代理module.exports={dev:{//PathsassetsSubDirec
weixin_39877581·2024-08-21 21:01

webpack.prod.js（webpack生产环境配置文件）

生产环境：只打包不运行本地服务器对于在config目录下的webpack.prod.js1.在根目录下运行npxwebpack--config.
门板_·2024-03-29 01:00

Webpack构建优化——区分环境

为什么需要区分环境在开发网页的时候，一般都会有多套运行环境，例如：在开发过程中方便开发调试的环境。发布到线上给用户使用的运行环境。这两套不同的环境虽然都是由同一套源代码编译而来，但是代码内容却不一样，差异包括：线上代码被特殊压缩过。开发用的代码包含一些用于提示开发者的提示日志，这些日志普通用户不可能去看它。开发用的代码所连接的后端数据接口地址也可能和线上环境不同，因为要避免开发过程中造成对线上数据
oWSQo·2024-03-28 21:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他