js Webpack 的相关内容

文章 2023-10-19 来自：开发者社区

前端AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（一）

写在开始学习完了前端三件套（HTML、CSS、JavaScript），在进行框架学习之前，我们还需要学习一些前置知识，在当下，我们将初步进行“前后端交互”、感知“前端工程化”；在未来，它将伴随，并推进，整个的前端框架学习过程；……我们继续跟随黑马网课，打下框架学习基础。本次学习的是：我是Capybara，您的前端学习伙伴，高级网课品鉴官，前端学习测评家不达目的不放弃，追逐理想的过程本身就难能可贵....

文章 2023-09-28 来自：开发者社区

React 配置别名 @ （ js/ts 项目中通过 webpack.config.js 配置）

一、简介在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用 @craco/craco 可以在不释放 React 隐藏配置（$ npm run eject）的情况下就能配置好别名，参考文章。....

文章 2023-09-16 来自：开发者社区

Node | Node.js Webpack搭建本地服务器

一、开启本地服务器为什么要搭建本地服务器?目前开发代码,运行需要有两个操作: 一:npm run build 编译相关的代码二:通过live server或直接通过浏览器,打开index.html代码查看效果;这个过程经常操作会影响我们的开发效率,希望可以做到当文件发生变化时可以自....

文章 2023-09-16 来自：开发者社区

[Node] Node.js Webpack常见的模式

一、认识插件 Plugin认识PluginWebpack的另一个核心是Plugin 官方有这样一段话对Plugin的描述While loaders are used to transform certain types of modules, plugins can be leveraged to perform a wider range of tasks like bundle optimi....

文章 2023-09-15 来自：开发者社区

[Node] Node.js Webpack打包图片-Js-Vue

1 Webpack打包图片加载图片案例准备JavaScript // 引入图片模块 import zznhImage from "../img" // 创建img元素 const imgEL = document.createElement('img') imgEL.src = zznhImage document.body.append(imgEL)比较常用的使用图片的方式是两种:img元素,....

文章 2023-09-15 来自：开发者社区

[Node] Node.js Webpack和打包过程（二）

4 编写和打包CSS文件css-loader的使用Loader 可以用于对模块的源代码进行转换我们可以将css文件也看成一个模块,我们通过import来加载这个模块在加载这个模块时 webpack其实并不知道如何对其进行加载,必须要指定对应的loader来完成这个功能我们需要一个什么样的loader?对于加载css文件来说我们需要一个可以读取css文件的loader 这个loa....

文章 2023-09-15 来自：开发者社区

[Node] Node.js Webpack和打包过程（一）

内置模块pathpath模块用于对路径和文件进行处理提供了很多好用的方法如果我们在window上使用 \ 来作为分隔符开发了一个应用程序要部署到linux上面该怎么办显示路径会出现一些问题 ; 为了屏蔽它们之间的差异,在开发中对于路径的操作我们可以使用path模块path常见的API从路径中获取信息dirname:获取文件的父文件夹basename:获取文件名extname:获取文件扩展....

文章 2023-08-02 来自：开发者社区

Vue 打包 chunk-vendors.js 文件过大解决方案（compression-webpack-plugin）

主篇 Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案。附带：nvm 安装与使用 nodejs 版本管理根据主篇内容继续通过 compression-webpack-plugin 插件处理 chunk-vendors.js 文件过大的问题。创建 vue.config.js 文件，后续配置都需要用到配置文件。前端将文件打包成 .gz 文件，然后通过 nginx 的配....

文章 2022-12-07 来自：开发者社区

JS逆向之webpack 通用扣取思路

本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰，更不会影响计算机信息系统的正常运行。不得将代码用于非法用途，如侵立删！标题环境win10chrome106目标站：aHR0cHM6Ly93d3cuZ205OS5jb20v加密参数 password: K6YEmQrNy%2FQgdnacXhdIZ1upCj4UU562IW89oOZquLkZ%2F16JDNy....

文章 2022-09-14 来自：开发者社区

js：webpack插件BannerPlugin添加版权信息

打包的时候要加入一些版权信息，如果每次打完包都手动添加，岂不是很累。可以使用webpack插件BannerPlugin添加版权信息最简单的配置const webpack = require('webpack') module.exports = { ... plugins: [ new webpack.BannerPlugin('版权信息') ] }实用的配置将变量信息从pa...