AI 助理
备案控制台
文章 2023-02-21 来自：开发者社区

如何手写一个 webpack 插件：实现 vuecli3 打包时生成一个 git 分支版本信息的文件？

分析问题首先需要我们获取项目当前所在分支的信息，比如项目打包时：当前的版本分支，最新代码提交人，时间，提交的信息然后将这些信息生成到 txt 文本里面，这个文件是在打包的时候添加到打包目录里的解决问题先用 vuecli3 脚手架生成一个项目，在此基础上，我们在根目录新建一个 webpack-plugin 的文件夹，在这个文件夹里新建一个 branch-version-webpack-plugin....

如何手写一个 webpack 插件：实现 vuecli3 打包时生成一个 git 分支版本信息的文件？
文章 2023-02-21 来自：开发者社区

Webpack4 入门到带你打包一个简单单页应用项目

一、搭建项目1. 我们先新建一个项目 project 并用 npm 命令初始化项目（一路回车）npm init 复制代码2. 安装 webpack 与 webpack-cli ( 4 版本需要cli才能执行命令)npm install --save-dev webpack webpack-cli 复制代码3. 新建 src 文件夹，存放我们要打包的源码，默认输入文件是 index.js,所以我们....

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

webpack进阶篇（二十七）：webpack实现SSR打包（下）

说明玩转webpack学习笔记webpack ssr 打包存在的问题1、浏览器的全局变量 (Node.js 中没有 document, window)组件适配：将不兼容的组件根据打包环境进⾏适配请求适配：将 fetch 或者 ajax 发送请求的写法改成 isomorphic-fetch 或者 axios2、样式问题 (Node.js ⽆法解析 css)⽅案⼀：服务端打包通过 ignore-lo....

webpack进阶篇（二十七）：webpack实现SSR打包（下）
文章 2023-02-19 来自：开发者社区

webpack进阶篇（二十六）：webpack实现SSR打包（上）

说明玩转webpack学习笔记页面打开过程服务端渲染 (SSR) 是什么？渲染: HTML + CSS + JS + Data -> 渲染后的 HTML服务端：所有模板等资源都存储在服务端内⽹机器拉取数据更快⼀个 HTML 返回所有数据浏览器和服务器交互流程客户端渲染 vs 服务端渲染总结：服务端渲染 (SSR) 的核⼼是减少请求SSR 的优势1、减少⽩屏时间2、对于 SEO 友好SSR ....

webpack进阶篇（二十六）：webpack实现SSR打包（上）
文章 2023-02-19 来自：开发者社区

webpack进阶篇（二十五）：webpack打包组件和基础库

webpack 打包库和组件webpack 除了可以⽤来打包应⽤，也可以⽤来打包 js 库。接下来我们实现⼀个⼤整数加法库的打包需要打包压缩版和⾮压缩版本⽀持 AMD/CJS/ESM 模块引⼊库的录结构和打包要求打包输出的库名称:未压缩版 large-number.js压缩版 large-number.min.js+ |- /dist + |- large-number.js + |- ...

webpack进阶篇（二十五）：webpack打包组件和基础库
文章 2023-02-18 来自：开发者社区

webpack进阶篇（十八）：多页面打包

说明玩转webpack课程学习笔记。多页面打包(MPA)概念每⼀次⻚⾯跳转的时候，后台服务器都会给返回⼀个新的 html ⽂档， 这种类型的⽹站也就是多⻚⽹站，也叫做多⻚应⽤。多页面打包基本思路1、每个⻚⾯对应⼀个 entry，⼀个 html-webpack-plugin2、缺点：每次新增或删除⻚⾯需要改 webpack 配置module.exports = { entry: { i...

webpack进阶篇（十八）：多页面打包
文章 2023-02-11 来自：开发者社区

前端学习案例5-webpack中使用url-loader打包图片

前端学习案例5-webpack中使用url-loader打包图片

前端学习案例5-webpack中使用url-loader打包图片
文章 2023-02-11 来自：开发者社区

前端学习案例9-webpack中file-loader打包字体图标

前端学习案例9-webpack中file-loader打包字体图标

前端学习案例9-webpack中file-loader打包字体图标
文章 2023-02-01 来自：开发者社区

【nodejs代理服务器二】nodejs webpack打包配置踩坑总结

接着上篇用Nodejs开发web代理，防止web渗透。如果部署到正式环境，需要进行打包配置。我在用webpack打包配置中遇到了几个错误，总结如下：webpack环境变量问题https://www.cnblogs.com/fengchaoran/p/8461317.htmlwebpack之傻瓜式教程及前端自动化入门https://www.cnblogs.com/liqiyuan/p/624687....

文章 2023-01-13 来自：开发者社区

vue + elementui + webpack4打包上线 history 和 hash的区别

需要在本地打开在路由文件夹里面 路由模式为 hash 值， 然后 在webpack.config.js 里面的publicPath 配置为 ‘./’关于webpack publicPath 里面的 ‘/’ 和 './'的区别‘/’ 代表的是 绝对路径， 主要是应用于 webpack里面所有loader或者是plugin 需要路径会加上的一个 绝对路径‘./’ 代表的是相对路径， 对于所有的打包的....

vue + elementui + webpack4打包上线 history 和 hash的区别

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

Webpack更多打包相关

Webpack您可能感兴趣

开发与运维

集结各类场景实战经验，助你开发运维畅行无忧

+关注