简单来说，file-loader 就是将文件（由于一般是图片文件为主，所以下面通常使用图片两字作为替代，方便理解。其他的包括字体文件等），在进行一些处理后（主要是处理文件名和路径），移动打包后的目录中。
打包图片资源 Webpack 用来处理一些文件时， 是选用对应的loader 来 处理打包的，知道这个原理，就好办了。 例如： 打包图片，就找对应的 打包图片的 loader， 1. 安装 2. 使用 ，这样就完成了处理打包。 图片打包使用的是loader 为 url-loader 和 file-loader 来处理打包图片 test： 自定义要处理哪些图片格式 使用url-loader时，可通过options 来配置一些图片的属性，例如大小， 次例子，当图片大小 小于 1MB 转化为Bas
继上篇Webpack 初体验后，本章将讲解如何进行打包资源文件，图片的打包以及其它资源呢的打包。以及Webpack的 devServer 自动化。
昊昊是业务线前端工程师（专业页面仔），我是架构组工具链工程师（专业工具人），有一天昊昊和说我他维护的项目中没用到的模块太多了，其实可以删掉的，但是现在不知道哪些没用，就不敢删，问我是不是可以做一个工具来找出所有没有被引用的模块。毕竟是专业的工具人，这种需求难不倒我，于是花了半天多实现了这个工具。
原创不易，未经作者允许禁止转载！！ 认识Loader Loader可以用于对模块的源代码进行转换； 在加载这个模块时，webpack其实并不知道如何对其进行加载，我们必须定制对应的loader来完成这个功能。 loader配置方式 内联方式：import "css-loader!../css/index.css"; loader和文件路径用！分隔 配置方式：webpack.config.js 配置方式表示的意思是在我们的webpack.config.js文件中写明配置信息 module.rules中允许我
默认情况下，生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。
webpack.common.js const webpack = require("webpack"); const path = require('path'); const glob = require('glob'); const HtmlWebpackPlugin = require('html-webpack-plugin'); // html引擎 const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const Ht
tl-rtc-file 是一个基于 WebRTC 的文件传输工具，支持跨终端、不限平台的在线文件传输。它提供了丰富的功能和特性：
博客中常常会需要用到代码展示，在《用Github搭建个人博客》中也介绍了几个可以用于代码展示的站点，不过由于是跨站的服务，可能会由于种种原因访问慢甚至打不开，于是就想找找有没本地实现的方法。自己写一个？No。
对于之前的案例----隔行变色，如果我们要自定义一些css样式怎么办，传统的方法是在外部定义css,在html中引入，这种方式又会引发二次请求如果css文件较多，我们就要不停引入，在学了webpack之后我们知道weback可以帮助我们打包各种资源，利用webpack打包即可解决我们的问题，但是webpack本身是不支持css,jpg等文件的，只所以能够打包各种资源是因为loader的介入 loader译为装载器，加载器。 接下来介绍几个常用的loader
Flask模板集成Bootstrap。一般情况下Flask都是搭配Jinja2模板引擎来实现视图展现，不过现在Bootstrap比较流行，内置的样式也比较好看，有利于提高开发效率，本篇文章就是讲解在Flask如何集成Bootstrap框架。
本教程总共7篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React多页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29 3.React多页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React多页面应用4(webpack自动化生成多入口页面)----201
–Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。
多级目录构建navbar、sidebar引用404问题：在构建多级文件目录的时候，针对多级文件夹下的md文件，其会相应加载同级目录下的navbar.md、sidebar.md文件，但这个时候由于navbar.md、sidebar.md文件存放在根目录或者是自定义指定的文件夹下，引用相对路径则会报404问题。针对上述情况，可以有如下调整方案：
wangEditor-基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费
前端领域这几年涌现了很多新兴的前端框架，比如Qwik、Svelte、Astro等。
Webpack现今流行的前端打包工具，今儿本人也来分享下自己学习体验。 一、html-webpack-plugin 实现html模板文件的解析与生成 在plugins加入HtmlWebpackPlugin的配置，如果是多个入口文件，则需要对应加入多个HtmlWebpackPlugin功能。 var HtmlWebpackPlugin = require('html-webpack-plugin'); entry:{ ma: './src/ma', /** .:必须要,表示运行时的根目录，否则找不到文
现在学习的是 webpack4 的最新版，新建文件夹，npm init -y 初始化一下，然后执行下面命令进行安装，需要同时安装 webpack 和 webpack-cli。
当我们使用 FIS 插件的时候，有没有想过自己也开发一个基于 FIS 的插件，参与 FIS 打包编译的整个流程；那么问题就来了：
基于前面2篇博客： 程序员Web面试之jQuery 程序员Web面试之JSON 您已经可以顺利进入Web开发的大门。 但是要动手干，还需要了解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是从轮
众所周知，蓝鲸平台是一个功能强大的智能运维管理平台，我们可以运用平台能力提高运维工作效率，我们也可以开发搭建属于自己的SaaS工具。
1、需求：封装 utils 包，校验手机号长度和验证码长度，在 src/index.js 中使用并打包观察
系列文章传送门： 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/webpack.base.conf.js中
一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。 两种类型的程序优缺点对比： 对比内容 C/S结构的应用程序 B/S结构的应用程序 部署 较困难 方便 升级
项目根目录直接创建一个vue.config.js文件，并在里面配置代理，直接上代码
允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。
讲代码规范的文章很多，但是很可惜没有一篇文章能讲好讲全，其他文章没完成的工作，就让这篇文章来完成吧。
新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具，并讨论它们的适用场景。 1.angular.Js 地址：http://www.runoob.com/angularjs/angularjs-tutorial.html 代码托管地址:https://github.com/angular/angul
前段时间有给大家分享一个Electron跨端仿QQ聊天，今天带来最新研发的Electron短视频|直播应用。
In computer programming, lint was the name originally given to a particular program that flagged som
最近在整理Ext JS的模板和组件，在参考《Ext JS权威指南》,《Ext JS Web应用程序开发指南》，《Ext JS API》等相关书籍后才写下这篇《Ext JS模板与组件基本知识思维导图》，由于篇幅较长，所以必须肢解与各位分享。想要《Ext JS模板与组件基本知识思维导图》原文档的可以与我联系。
新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响
Webpack + ES6 已经成为目前最流行的前端解决方案，本文是 Webpack2 学习教程。
通常，代码编辑器（或IDE）的插件会帮我们做一些静态语法检查的工作，但是如何自定义语法规则，如何集成到开发流程中，仍然需要我们花一些时间去了解。
electron-vue3-macOS 一款整合vite2.x+electron13跨平台构建模仿mac桌面UI后台管理系统。
目前Taro已经进入了3.x时代，可以让开发者使用完整的React、Vue等框架进行开发。笔者作为一个重度React使用者自然会在众多框架中选用Taro(之后会尝试Kbone)。
本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)---2018.04.08 3、React多页面应用3(webpack4 多页面实现)---2018.04.09 4、React多页面应用4(webpack4 提取第三方包及公共组件)---2018.
经常会有人会问起 webpack、 react、 redux、甚至 create-react-app配置等等方面的问题，有些是我也不懂的，慢慢从大家的相互交流中，也学到了不少。
Waline 的初始化挂载器。必须是一个有效的 CSS 选择器 或 HTMLELement 对象。
最近公司需要将前端一个图表统计导出为pdf。前端导出显示的pdf还是可以的，但是将会导致页面不可用与卡死状态。所以由后端寻找解决方案。
始终基于模块的方式来构建你的 app，每一个子模块只做一件事情。Vue.js 的设计初衷就是帮助开发者更好的开发界面模块。一个模块是应用程序中独立的一个部分。
开发网站几乎都做过上传图片并截图，做个无刷新Asp.Net上传并截图示例 实现功能： 1.选择文件，自动上传并生成缩放图（上传带进度条），形成预览图 2.在预览区，实现鼠标拖拽截图区，截取图片（示例截图区按缩放图小边为截图正方形长度，可扩展为截图区可变形式） 3.点击保存，截取小图，保存截取图并显示在页面上，并删除原缩略图 示例截图： image.png image.png -----------------------------------------------------------------
在上一篇文章介绍了Node.js基础API 接下来我们做一个案例，用Node.js实现静态资源服务器
初始化工作开始于组件的诞生，所有必须的配置设定、事件注册、预渲染处理等都在此时进行。
大家好，我是HoMeTown，最近在搭建一个公司与某一线大厂有合作，需要做一个性能极其优化的微信小程序，我们组正好刚从企微项目里抽出身来，所以这个艰巨的任务就交给我们来完成了，首先开了一天会，跟合作方的前端经理PM 确定好了技术选型以及规范，分工细则下来以后，得到项目架构&少许业务开发的任务，优化交给合作方去做，因此这个项目会有很多人参与进来，一个强有力的项目约束是十分重要的！
前段时间公司对接了一个智能泊车项目，在这个项目中会产生大量的泊车视频，因为会涉及到用户隐私，需要将这些视频文件安全的上传到云端存储起来，并支持后续的安全播放需求。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
