×

node.js

webpack常用插件（webpack常用插件以及作用）

wmwlgzs wmwlgzs 发表于2024-05-10 浏览6715 评论0
1. webpack 插件的作用 通过安装和配置第三方的插件，可以拓展 webpack 的能力，从而让 webpack 用起来更方便。最常用的webpack 插件有如下两个： ① webpack-dev-server 类似于 node.js 阶段用到的 nodemon 工具 每当修改了源代码，webpack 会自动进行项目的打包和构建 ② html-webpack-plugin webpack 中的 HTML 插件（类似于一个模板引擎插件） 可以通过此插件自定制 index.htm

JavaScript教程

奶爸级教学---webpack详细教学

dede58织梦模板 dede58织梦模板 发表于2024-05-10 浏览10216 评论0
作者是名退役复学在校大学生，对jdk、spring、springboot、springcloud、mybatis等开源框架源码有一定研究，欢迎关注，和我一起交流。 今天手把手教学webpack，奶爸级教学，一键三连收藏起来吧。 目录 一、webpack 二、前端模块化 1、传统的开发模式 2、使用ES6模块化 3、使用CommonJS规范 三、webpack配置文件 四、项目管理文件 五、webpack的loader 1、处理CSS 2、处理图片 3、ES6

JavaScript教程

Vue图片路径问题（动态引入：绝对路径、相对路径），require动态路径问题

dede58织梦模板 dede58织梦模板 发表于2024-05-01 浏览27222 评论0
Vue图片路径问题（动/静态引入：绝对路径、相对路径） DEMO实例（可快速解决问题）: 注意：绝对路径方式导入的图片需要存储在 publiic 文件夹下 静态导入相对路径： <img src="../../assets/1.png" /> <!-- 或者如下 --> <img src="@/assets/1.png" /> 静态导入绝对路径： <img src="images/1.png" /> <!-- 或者如下 -

JavaScript教程

tree shaking(摇树优化)（Tree-Shaking）

dede58织梦模板 dede58织梦模板 发表于2024-04-30 浏览5810 评论0
tree shaking(摇树优化) 前言 随着js的不断发展，性能优化成了主流的方向，但是如何性能优化又成了现在程序员的一大苦恼，而我作为一名前端小白，也就深陷其中，最近学习到了tree shaking，在这里分享一下 一、tree shaking是什么？ 在前端的性能优化中，es6 推出了tree shaking机制，tree shaking就是当我们在项目中引入其他模块时，他会自动将我们用不到的代码，或者永远不会执行的代码摇掉，在Uglify阶段查出，不打包到bundle

webpack

vue脚手架(vue-cli)详细安装过程（vue cli脚手架安装）

Alkam（Bara-Bara） Alkam（Bara-Bara） 发表于2024-04-30 浏览5497 评论0
CLI，俗称脚手架。全称是Command Line Interface。 vue-cli 是vue官方发布的开发vue项目的脚手架。 vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpa

JavaScript教程

webpack安装与使用（详细）（webpack的安装）

dede58织梦模板 dede58织梦模板 发表于2024-04-30 浏览7948 评论0
一.什么是webpack? webpack是现代javascript应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 webpack更加强调模块化开发管理，文件压缩、预处理等功能，是它附带的功能。注意： webpack模块化打包webpack为了可以正常运行， 必须依赖node环境， node环境为了可以正常执行很多代码，又

WEBPACK

Vue2 - 网易云音乐项目笔记（基于Vant UI组件库）（vue实现网易云音乐）

′Ｔ-oste ′Ｔ-oste 发表于2024-04-30 浏览5564 评论0
一、项目技术 基于 Vue + Vant UI组件库 实现网易云音乐 Vant UI （有赞团队打造的移动端Vue组件库）地址：https://vant-contrib.gitee.io/vant/#/zh-CN 共项目共实现四个功能：主页Home、搜索页Search、评论页Comment、播放页Play 网易云手机端地址：https://y.music.163.com/m 二、准备工作 1、初始化Vue项目 ① 安装Vue脚手架 npm i @vue/cli -g

JavaScript教程

webpack的面试题（吐血整理）（关于webpack的面试题）

dede58织梦模板 dede58织梦模板 发表于2024-04-29 浏览5341 评论0
 以下为整理的webpack面试题，如有不足之处，还请大家多多指正。 一、webpack的构建流程 二、对webpack的理解         webpack是一个打包模块化js的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目。                 webPack可以看做是模块的打包机器：它做的事情是，分析你的项目结构，找到js模块以及其它的

JAVASCRIPT文章/教程

[Node] Node.js Webpack打包图片-Js-Vue（webpack打包node项目）

qq_yhcs4sj6 qq_yhcs4sj6 发表于2024-04-28 浏览4840 评论0
🖥️ Node.js专栏：Node.js 初级知识 Webpack打包图片-Js-Vue 🧑‍💼 个人简介：一个不甘平庸的平凡人🍬 ✨ 个人主页：CoderHing的个人主页 🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️ 👉 你的一键三连是我更新的最大动力❤️ 目录 1 Webpack打包图片 加载图片案例准备 认识asset module type Asset module type的使用 url-loader的limit效果 2 Webpac

html5

使用web-view实现小程序内嵌h5页面 详情步骤（小程序webview和h5交互）

办公资源 办公资源 发表于2024-04-27 浏览5983 评论0
简介    实现线上的h5通过小程序配置业务域名，web-view组件实现内嵌h5页面 一. h5项目放入效验文件传到线上        登录微信公众平台下载效验文件   开发管理——>开发设置——>业务域名——>下载效验文件 然后把效验文件放在 npm run build打包后的h5项目根目录里 部署上传到线上  注意一定要打包后放入根目录里也就是dist文件包 内 二. 小程序配置业务域名      配置业务域名 由上图可以看出 要注意两点  1.