webpack入门笔记

vue2使用pinia在main.js中导入报错

’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://vue.config.jsmodule.exports={configureWebpack
奥利給·2024-02-14 21:48

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（三）

Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin
程序边界·2024-02-14 19:12

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack
五敷有你·2024-02-14 18:08

vue全家桶

Vue-cli是一个基于Vue.js进行快速开发的完整系统，可以自动生成Vue.js+webpack的项目模板。
miss-ddly·2024-02-14 17:24

快速构建 React 开发环境

create-react-app自动创建的项目是基于Webpack+ES6。
白番茄_·2024-02-14 13:31

Vue-cli 脚手架搭建

使用vue，但是一般做项目的时候，我们大都会用到vue脚手架，脚手架也是vue里重要的一部分，今天我们就来看看vue脚手架的相关：1.环境搭建1、安装node.js（傻瓜式安装，这里不再描述）2、安装webpack
机智小铛铛i·2024-02-14 06:40

Vue function and event object

一创建测试项目vueinitwebpack-simplevuedemo二进入demo目录cdvuedemo三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-on:clickandShorthand
剑有偏锋·2024-02-14 00:29

LiveQing 播放器的使用

1:安装：安装npminstall@liveqing/liveplayer安装npminstallcopy-webpack[email protected]:在build文件的webpack.dev.conf.js
js代码人·2024-02-13 23:59

eutils - 项目介绍

css工具；当我们新建一个前端项目时，只需要引入这个npm包，就可以省去很多写工具的重复工作；源码地址APIversioncollection项目规范函数使用小驼峰方式命名对象使用大驼峰方式命名项目使用webpack
hellolong·2024-02-13 19:42

vue3-应用规模化-工具链

VueCLIVueCLI是官方提供的基于Webpack的Vue
王大可996·2024-02-13 16:45

webpack常用配置及基本概念

1.基本概念:配置方式:如果没有创建webpack.config.js或指定mode(production/development)会直接打包压缩生产模式。
再来一瓶路易十三·2024-02-13 13:16

npm命令报错

codeELIFECYCLEwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`‘webpack-dev-server
断点_842b·2024-02-13 06:13

webpack4环境搭建-初始化项目

1、创建一个目录然后进入，初始化package.jsoncnpminit-y//-y的意思是yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json2、安装webpack4
_littleTank_·2024-02-13 05:50

Webpack4 性能优化实践

为什么需要性能优化在使用Webpack时，如果不注意性能优化，可能会产生性能问题，会导致在开发体验上不是非常丝滑，性能问题主要是编译速度慢，打包体积过大，因此性能优化也主要从这些方面来分析。
野生程序猿江辰·2024-02-13 05:55

Vue项目Webpack优化实践，构建效率提高50%

Vue项目Webpack优化实践，构建效率提高50%vue.jswebpack发布于2018-12-24公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大
badboy__biubiubiu·2024-02-13 05:54

webpack面试解析

参考：上一篇webpack相关的系列：webpack深入学习，搭建和优化react项目爪哇教育@字节面试官解析webpack-路白1、Webpack中的module是什么？
sasaraku.·2024-02-13 05:53

结合Next项目实际认识webpack.splitChunks

本文的目的在于简单的介绍webpack的优化功能配置：splitChunks。
sasaraku.·2024-02-13 05:23

什么是vite，如何使用

深入理解Vite核心原理面向未来的前端构建工具-vite聊一聊Vite的预构建和二次预构建聊一聊ViteVite原理Vite基于浏览器原生ESM规范的支持，采取了与Webpack完全不同的unbundle
sasaraku.·2024-02-13 05:23

webpack实际实践优化项目

参考：如何通过性能优化，将包的体积压缩了62.7%雅虎35条20210526-webpack深入学习，搭建和优化react项目本文只专注于性能优化的这个部分。
sasaraku.·2024-02-13 05:52

Kafka 入门笔记

课程地址概述定义Kafka是一个分布式的基于发布/订阅模式的消息队列（MQ）发布/订阅：消息的发布者不会将消息直接发送给特定的订阅者，而是将发布的消息分为不同的类别，订阅者只接受感兴趣的消息消息队列消息队列应用场景：缓存/消峰、解耦、异步通信消峰：秒杀系统：10亿人发请求（数据量约为1T）全部存入消息队列，服务端只取前100条数据处理，避免了服务端压力过大解耦：异步通信：发布订阅模式：Kafka基
Daniel_187·2024-02-13 05:49

electron-vue使用elementui，有数据但table表格显示空白

在.electron-vue目录下找到webpack.renderer.config.js文件，修改：letwhiteListedModules=['vue']-->letwhiteListedModules
Hi小胡·2024-02-13 05:00

Vue绑定Property Class style

一创建测试项目vueinitwebpack-simplevuedemostyle二进入demo目录cdvuedemostyle三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-bindtobindPropertyv-bind
剑有偏锋·2024-02-13 01:59

webpack开发- webpack 插件(Flag贴)

感觉光讲webpack插件开发，也聊不了几句，给自己玩点有难度的，之后由浅入深带源码阅读的那种简单而敷衍的后续更新
Ricoywang·2024-02-13 01:22

vue系列教程-13vuecli初体验

什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为vue-cli4但是和cli3
lookroot·2024-02-13 00:57

Vue填坑之路

Cannotreadproperty'minify'ofundefined1.参考文章https://github.com/vuejs/vue-cli/issues/34072.上面文章说是个bug，3.package-lock.json下terser与terser-webpack-plugin
近旁世界·2024-02-12 22:06

Vue JS 安装。根据其他大神 ，自己总结自学

npminstall-gcnpm-regestry=https://registry.npm.taobao.org3：安装脚手架vue-cli:cnpminstall-gvue-cli;4：创建项目：vueinitwebpackmy_vue_test
liuxus·2024-02-12 20:35

(十九) watch的正确使用方法和备注

本节知识点watch(一)概述在项目的初期我们可以用webpack-dev-server来充当服务器。但是随着项目的一步步深入。这个效果就太低了。我们每次都需要保存后手动打包。实在效率低下。
我拥抱着我的未来·2024-02-12 14:35

webpack，异步加载，代码分割，require.ensure

webpack异步加载的原理webpackensure相信大家都听过。有人称它为异步加载，也有人说做代码切割，那这个家伙到底是用来干嘛的？
wdapp·2024-02-12 10:56

webpack 配置文件、配置项、插件

1.webpack配置文件webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,
Pumpkincc·2024-02-12 10:53

关于前端vue的一些记录

环境准备：node.js、npm、webpack、vue-cli、VsCode（WebStorm）1.去node中文官网下载自己所符合的安装包安装2.安装npm(cnpm)npminstall-gcnpm
主角_32a4·2024-02-12 10:54

webpack5 常用插件使用

webpack5常用插件使用1.CleanWebpackPlugin2.HtmlWebpackPlugin3.DefinePlugin4.CopyWebpackPlugin1.CleanWebpackPlugin
前端小咸鱼一条·2024-02-12 09:00

vue学习的第一天小结

npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.npminstall-g@vue/cli-init#`vueinit`的运行效果将会跟`[email protected]`相同vueinitwebpackmy-project3
微文殇却卟丢气质·2024-02-12 08:49

2021-12-10

新手小白学Java|零基础入门笔记｜原来学Java可以这么简单爱做程序的秋谨新手小白学Java|零基础入门笔记｜原来学Java可以这么简单刚开始学习java的时候，可能是一头雾水，不知道从何学起。
秋_bdbe·2024-02-12 07:10

webpack

webpack演进image.pngimage.pngimage.pngimage.pngimage.pngimage.png为什么前端需要构建？
入秋未凉的海·2024-02-12 06:04

jsp入门笔记

JSP动态页面技术脚本和注释jsp脚本jsp注释html注释:java注释://单行注释/*多行注释*/Jsp原理jsp第一次被访问的时候会被web容器翻译成servlet,在执行。Jsp翻译后会变成文件名_jsp.java此格式，保存在Tomcat根目录下的work文件夹内部其中Java代码会原封不动放置到翻译后的java文件中的service方法中,因此该java代码中不允许定义方法会翻译为o
61etj·2024-02-12 04:51

Webpack使用vue的配置过程及部分功能介绍

以下所有配置必须有nodejs环境支持，最新版本的nodejs默认安装npm包管理器DownloadNodeJS:https://nodejs.org/zh-cn/1.WebpackInstall全局安装
LemonCoder·2024-02-12 00:14

webpack：proxy中cookie无法保存的解决办法

这几天做个小项目遇到了跨域问题，于是就用了webpack的proxy解决，用的挺爽的，但是做到登录之后，因为服务端使用cookie和sessionid做登录状态保存的，结果就悲催了，我发现它没有将cookie
weixin_43160044·2024-02-11 20:41

webpack热替换失效问题

（一）使用webpack-dev-serverwebpack-dev-server为我们提供了一个简单的web服务器，并且能够实时重新加载(livereloading)。
耳东很懒·2024-02-11 19:17

vue-cli

1.3一个运行时依赖(@vue/cli-service)，该依赖：1.3.1可升级；1.3.2基于webpack构建，并带有合理的默
·2024-02-11 18:20

webpack5

1.webpackwebpack是一个前端构建工具，就是把开发环境的代码转化成运行环境代码，将JS、CSS代码混淆压缩，让代码体积更小，加载更快。
·2024-02-11 18:49

webpack

webpack1.什么是webpackWebpack是一个现代JavaScript应用程序的静态模块打包工具，当Webpack处理应用程序时，它会递归地构建一个依赖关系图（dependencygraph
·2024-02-11 18:18

基于taro搭建小程序多项目框架

灵感来自webpack的多项目打包构建起步首先你得先安装好taro脚手架，然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选择的
·2024-02-11 18:17

Vue-自动化部署Webpack打包后的文件到腾讯COS

前言最近发现前端框架页面加载非常的慢，为了解决这个问题，项目组决定将webpacke打包后的文件部署到腾讯COS上面，这样可以提高加载速度。
·2024-02-11 17:38

基于 Webpack 插件体系的 Mock 服务

背景在软件研发流程中，对于前后端分离的架构体系而言，为了能够更快速、高效的实现功能的开发，研发团队通常来说会在产品原型阶段对前后端联调的数据接口进行结构设计及约定，进而可以分别同步进行对应功能的实现，提升研发速率。除了常见的研发流程提效之外，对于一些特殊的无法满足前后端联调场景下，也可在条件不允许的情况下进行Mock处理，等待条件满足后再进行真实的接口联调，如：网络不通、多地协同等。本文从前端研发
·2024-02-11 17:24

基于 Webpack5 Module Federation 的业务解耦实践

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
·2024-02-11 17:16

webpack中watch的配置以及打包文件添加注释

watch的使用可以减少我们每次保存后手动打包的繁琐情况，当代码发生变化，只要保存，webpack将自动为我们进行打包watch的配置watch可以直接使用，只要在打包命令后面跟--watch就可以了，
饥人谷_米弥轮·2024-02-11 16:21

vue-cli搭建项目

1..全局安装vue-clinpmivue-cli-g2.初始化项目(vueinit):模板名称vue-cli官方为我们提供了5种模板，webpack-一个全面的webpack+vue-loader的模板
saintkl·2024-02-11 13:09

Webpack(十二)：tree shaking打包性能优化

在webpack中，tree-shaking的作用是可以剔除js中用不上的代码，但是它依赖的是静态的ES6的模块语法。
CodeMT·2024-02-11 13:29

2019-06-03webpack使用url-loader处理文件、图片

但是我在实际开发过程中碰到了字体文件提示需要file-loader，所以为了避免出问题，这里也下载一下file-loadernpminstallurl-loaderfile-loader--save1配置webpack.config.js
菩灵·2024-02-11 10:25

【01】webpack4.0教程_基础_1

学习webpack4.0的笔记，循序渐进，后续会再做系统总结[toc]webpack安装总结安装本地的webpackwebpackwebpack-cli-D加一个-D表示开发依赖上线的时候不需要这两个包流程
Peter_Tingle·2024-02-11 09:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他