腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
vue学习
专栏成员
举报
155
文章
180789
阅读量
42
订阅数
订阅专栏
申请加入专栏
全部文章(155)
javascript(35)
http(33)
其他(32)
git(31)
vue.js(29)
webpack(22)
https(20)
打包(19)
css(16)
html(16)
网络安全(15)
github(14)
node.js(13)
小程序(10)
mongodb(9)
数据库(7)
api(7)
编程算法(7)
开源(7)
npm(7)
微信(6)
react(5)
json(5)
存储(5)
缓存(5)
官方文档(4)
ide(4)
postcss(4)
单片机(3)
云数据库 SQL Server(3)
sql(3)
网站(3)
渲染(3)
sass(3)
数据结构(3)
php(2)
jquery(2)
ecmascript(2)
云数据库 MongoDB(2)
underscore(2)
babel.js(2)
容器(2)
gui(2)
模型(2)
c++(1)
go(1)
xml(1)
typescript(1)
qt(1)
linux(1)
unix(1)
神经网络(1)
云推荐引擎(1)
电商(1)
企业(1)
eslint(1)
express(1)
svg(1)
koa(1)
游戏(1)
html5(1)
面向对象编程(1)
二叉树(1)
无监督学习(1)
windows(1)
mint ui(1)
canvas(1)
Web 应用防火墙(1)
验证码(1)
api文档(1)
mock(1)
model(1)
prompt(1)
动画(1)
基础(1)
接口文档(1)
配置(1)
数学(1)
搜索(1)
网络(1)
终端(1)
搜索文章
搜索
搜索
关闭
webpack DLL 动态链接库
webpack
react
javascript
打包
jquery
项目地址:https://github.com/Ewall1106/webpack-demo 是什么? 许多应用程序并不是一个完整的可执行文件,它们被分割成一些相对独立的动态链接库,即 DLL 文件,放置于系统中。当我们执行某一个程序时,相应的 DLL 文件就会被调用。一个应用程序可使用多个 DLL 文件,一个 DLL 文件也可能被不同的应用程序使用,这样的 DLL 文件被称为共享 DLL 文件。— 百度百科 翻译一下,在 webpack 中的动态链接库就是:由于每次更改了内容 webpack
Ewall
2020-12-01
2.2K
0
axios的封装、代理转发、数据mock
node.js
vue.js
webpack
打包
javascript
引入下axios,然后对axios做下基本的封装。然后就是mock数据的方式说一下,以及在项目中使用的mock方式。 1、axios封装 axios是什么就不说了吧,你应该以及很熟了,就直接安装吧。 $ npm install axios --save 然后我们简单的在src/utils/request.js中简单的进行了一下axios封装。 对于环境的不同判断,比如开发环境、灰度环境、线上环境等等在@vue/cli3.x中通过新建一个.env.[xxx]的文件来维护-->环境变量和模式 2、数据m
Ewall
2020-04-02
961
0
关于骨架屏与首屏渲染
vue.js
渲染
webpack
javascript
打包
参考链接: vue-content-loader page-skeleton-webpack-plugin vue-content-loader vue页面骨架屏
Ewall
2020-04-02
1.1K
0
panda-utils:构建发布一个自己的函数库
webpack
npm
打包
javascript
如何构建一个libray库?构建完后怎么发布到npm让大家都可以用到?为什么要构建发布一个自己的函数库?本章就是想谈下这些问题。 webpack从0到1 panda-utils 1、缘起 为什么要用webpack写一个自己的函数库?因为有一些工具函数平常是用的比较多,每次起一个新的项目都要用到,同样的工具函数老是去找很麻烦,维护一份自己的函数库,能快速的找到api(毕竟自己写的)且更高效的开发业务,何乐而不为? 虽然市场有很多牛逼的库比如loadsh、underscore.js等等,公司也有公共的
Ewall
2020-04-01
635
0
18、webpack从0到1-结语
webpack
javascript
打包
vue.js
react
大概就谈到这里了,回顾总结一下吧。 git仓库:webpack-demo 1、几点总结 到这里,基本上我们对于整个webpack是干什么的,可以做些什么事情,一些基本的配置应该是搞清楚了。 回
Ewall
2020-03-27
310
0
17、webpack从0到1-构建vue项目
webpack
打包
react
javascript
vue.js
讲下webpack中的对于vue配置,其实vue官方就提供了一套模板vue-webpack-template,我们学习学习,然后基于当前自己的项目来配置下。 git仓库:webpack-demo 1、处理vue 对于.vue这种文件,webpack肯定是不认识的,所以我们需要相应的loader来处理它,通过查阅文档我们发现需要安装这两个东西: $ npm install vue-loader vue-template-compiler --save-dev 然后安装文档上面的教程,照猫画虎搞一下。这
Ewall
2020-03-25
565
0
14、 webpack从0到1-HMR(热模块更新)
webpack
打包
javascript
css
https
说下热模块更新这个时常被谈到的问题,工作中也比较常见到、面试中也比较常问到的问题。 git仓库:webpack-demo 1、HMR HMR(Hot Module Replacement)也就是热模块更新,是用来干什么的呢?就是你可以实时的更新某个状态而浏览器不重新刷新。 举个具体的例子可能就理解了啊,比如我们现在要把一个div块的颜色从白色改为黑色,最直接方便的办法是怎样?不是去编辑器里面改代码,然后等浏览器refresh这样去看效果;而是直接打开调试着工具,改一下它的颜色就可以看到效果了。 使
Ewall
2020-03-24
435
0
13、webpack从0到1-css代码分割
webpack
打包
css
编程算法
git
前面chapter11介绍了js的代码分割,本章说下css的代码分割如何弄。 git仓库:webpack-demo 1、开始 前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了,是个什么东西,但那是对js模块做代码分割,这节说下css的代码分割。 主要借助的就是一个插件:MiniCssExtractPlugin,还是沿用我们以前的代码,我们先来安装一下。 $ cd chapter13 $ npm install mini-css-extract-plugin --sa
Ewall
2020-03-24
395
0
12、webpack从0到1-Prefetching/Preloading
webpack
打包
缓存
javascript
jquery
简单说下webpack中关于Prefetching/Preloading的设置。 git仓库:webpack-demo 1、是什么? 首先解决的第一个问题就是prefetching和preloading这两个是个啥子东西? preloading:设置这个指令,就会在当前的页面中,以较高优先级预加载某个资源。其实就相当于浏览器的预加载,但是浏览器的预加载只会加载html中声明的资源,但是preloading突破了这个限制,连css和js资源也可以预加载一波。 Prefetching:设置这个指令,
Ewall
2020-03-21
754
0
11、webpack从0到1-CodeSplitting代码分割
webpack
html
打包
缓存
javascript
简单说下代码分割。 git仓库:webpack-demo 1、什么是codeSplitting? 前面第7章讲output多页面相关的内容时,我们将content.js、header.js、footer.js分别打包为三个文件,然后我们在index.html中用三个script标签引入它们,很明显,上述过程其实就是一种手动式的代码分割。 那这样写有什么好处? 我们可以给index.html中引入的三个script标签加个async属性,这样的话当我们首次进入页面的时候,就可以异步加载了,比起不做代码分
Ewall
2020-03-20
637
0
10、webpack从0到1-devServer之数据请求
api
node.js
webpack
打包
https
本章主要就是一个东西,如何配置webpack的devServer.proxy实现代理转发。这个应该是日常开发事情中必见的内容了。 git仓库:webpack-demo 1、开始 既然是请求数据,那么就先安装下axios。 $ cd chapter10 $ npm install axios --save 然后我们在src/index.js文件中使用axios请求一下豆瓣api的接口,拿它电影的前250条数据。 + import axios from "axios"; // ... // 测试devS
Ewall
2020-03-20
503
0
9、webpack从0到1-devServer初探
webpack
打包
npm
javascript
讲下解决每次修改文件后需要npm run build重复运行命令打包的问题。 git仓库:webpack-demo 1、问题 每次修改完文件内容要编译代码时,需要重复手动运行npm run build就是件很麻烦的事情。 webpack中有几个不同的选项,可以帮助你在代码发生变化后自动编译代码,我这里主要说下第一、二种,相关内容webpack教程里都有。 webpack's Watch Mode webpack-dev-server webpack-dev-middleware 2、Watch模式
Ewall
2020-03-20
636
0
8、webpack从0到1-基本的plugins
webpack
打包
网站
html
javascript
参考链接: webpack-html-webpack-plugin html-webpack-plugin output-management
Ewall
2020-03-20
411
0
7、webpack从0到1-entry、output、sourcemap
打包
webpack
c++
编程算法
javascript
参考链接: webpack-output webpack-entry webpack-devtool
Ewall
2020-03-20
570
0
4、webpack从0到1-打包图片资源
webpack
打包
javascript
php
上节讲了下webpack的loaders,然后尝试用babel-loader打包了下,想这些基础的loader还有一些需要介绍一下,本章说下关于打包图片资源的loader:file-loader和url-loader。 git仓库:webpack-demo 1、开始 老规矩,复制一份上章的目录改名为chapter4。 随着找张图片放到src/assets目录下,并同时新建一个logo.js文件。 webpack-demo/chapter4 ... |- /src + |- /asset
Ewall
2020-03-20
455
0
3、webpack从0到1-使用babel打包
babel.js
webpack
打包
json
javascript
webpack从0到1-使用babel打包 讲下webpack中的loaders的概念,然后结合使用babel-loader来对项目中的es6语法做下转换。 git仓库:webpack-demo 1、什么是loaders? 先看官网对Loaders的解释:webpack enables use of loaders to preprocess files。 简单一点来说就是一个可以帮我们处理文件的东西,比如一个js文件,在webpack打包的时候看到这个js文件就会走我们定义的比如接下来要说的bab
Ewall
2020-03-20
1.4K
0
2、webpack从0到1-模块化规范
webpack
打包
javascript
babel.js
ecmascript
本章在上章内容的基础上简单扩展一下,先说下模块的规范,有哪些标准,然后谈下webpack的loader怎么用以及使用webpack中的babel-loader简单打包一下。 git仓库:webpack-demo 1、模块化规范 上章我们知道webpack是一个模块打包工具,何为模块?一个js文件、css等等都可以称之为模块,ok,假设现在我有a.js、b.js、c.js等等,而且它们之间还要相互引用,咋整?这时候就需要有一套标准来定义该怎么引用啊,它们之间是个啥依赖关系啊之类的,那么大概就有这么几种
Ewall
2020-03-20
416
0
1、webpack从0到1-开始
webpack
打包
npm
json
git
这系列文章就是手把手教你如何从零构建一个webpack项目。目的就是为了了解webpack打包怎么玩的,平常项目开发中所用如ES6语法、less、vue是如何被打包的,是一个比较基础的内容,我也是为了总结一下这方面的知识点,梳理一下个人的知识体系而写下这些文字。 工具及版本:vscode、webpack(v4.41.5)、node(v10.16.0) git仓库:webpack-demo 1、什么是webpack? “webpack is a module bundler.”—webpack官网
Ewall
2020-03-20
718
0
webpack入门
webpack
javascript
node.js
打包
css
前言:这两天在网上找了些视频和资料学习webpack,最后发现官网上的教程原来就写得很好,只是都是全英文的一开始不想去看。。。。今天认真看了下官网教程,然后总结下这两天的对webpack入门的学习,写一下互相学习,英语好的就直接去官网看吧webpack官方入门教程。(话说很久没学英语了,学好英语真的很重要) 1、安装 打开node,敲入命令行 ①全局安装
Ewall
2018-09-04
505
0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档