E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webpack3
webpack3
.x学习总结笔记(一)
webpack.png一、概念webpack官网是这样描述的:webpack是一个现代JavaScript应用程序模块打包器(modulebundle),当它处理应用程序时,它会递归的构建一个依赖关系图(dependencygraph),其中包含应用程序需要的每一个模块,然后将这些模块打包成一个或多个bundle。其实按我的理解其实webpack就是模块化打包JavaScript、image、cs
咸菜大大
·
2018-07-01 17:31
vue + webpack如何绕过QQ音乐接口对host的验证详解
前言最近在使用vue2.5+
webpack3
.6撸一个移动端音乐项目,获取全部歌单json数据时遇到了接口对host和referer的限制,故不能直接在前端使用jsonp对接口数据的读取。
修饰
·
2018-07-01 15:00
webpack3
从零开始配置过程
webpack配置过程基本的入口出口配置constwebpack=require('webpack');constpath=require('path');module.exports={entry:{main:'./src/main.js',//入口},output:{path:path.resolve(__dirname,'dist'),//输出目录这里使用path.resolve方法是为了消
贾东雷
·
2018-07-01 00:00
javascript
webpack
详解基于Vue cli生成的Vue项目的webpack4升级
前面的话本文将详细介绍从
webpack3
到webpack4的升级过程概述相比于
webpack3
,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除,新增的
小火柴的蓝色理想
·
2018-06-19 10:40
基于Vue cli生成的Vue项目的webpack4升级
前面的话本文将详细介绍从
webpack3
到webpack4的升级过程概述相比于
webpack3
,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除,新增的
小火柴的蓝色理想
·
2018-06-19 02:00
记一次
webpack3
升级webpack4的踩坑经历
webpack4版本也出了很久了之前弄过一段时间的升级后面因为种种原因搁浅了今天有硬着头皮升级了一波yeah还好升级成功了先贴一波原先
webpack3
的github配置ps(我只是一个菜鸡==webpack
carrot萝卜
·
2018-06-12 10:12
webpack4之SplitChunksPlugin使用指南
写在前面前面写了一篇有关webpack4的不完全升级指南以及在
webpack3
.x迁移的时候遇到的问题,有兴许可以看一下。
xhsdnn
·
2018-06-12 10:16
详解webpack4升级指南以及从
webpack3
.x迁移
由此而来的还有之前
webpack3
.x的项目如何迁移到新的webpack版本,本文就一个新的vue-cli创建的基于webpack的项目进行迁移。
xhsdnn
·
2018-06-12 10:15
使用 webpack 4 和 Babel 7 配置 Vue.js 工程模板
该工程模板中使用了
webpack3
和babel6,由于webpack4已发布,Babel7也出来挺长一段时间了,所以想对工程模板进行升级改造,以尝试工程化开发工具的最新特性。
xsbear
·
2018-06-11 00:00
vue.js
webpack4
babel
vue-使用sass扩展语言
环境vue2.5vue-router
webpack3
.6npm安装sassnpmisass-loa
harmsworth2016
·
2018-06-09 22:48
vuejs
sass
webpack3
-代码分割和懒加载中动态import遇到的问题
今天在学习代码分割和懒加载中使用动态import遇到了一个Modulebuildfailed:SyntaxError:'import'and'export'mayonlyappearatthetoplevelif(page==='subPageA'){import(/*webpackChunkName:'subPageA'*/'./subPageA').then(function(subPageA
chenyHahaha
·
2018-06-07 11:02
webpack
浅谈如何使用webpack构建多页面应用
前言之前使用vue2.x+
webpack3
.x撸了一个vue单页脚手架vue版spa脚手架有兴趣的同学可以看下,内附详细注释,适合刚学习webpack的童鞋.react版spa脚手架但在一些场景下,单页应用显然无法满足我们的需求
webfansplz_
·
2018-05-30 11:59
使用
webpack3
.0配置webpack-dev-server教程
最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器(使用过vue-cli的朋友应该都见识到过),所以迫不及待的想要尝试一下。不过,在实际操作中发现,用webpack搭建服务器仍有不少坑,一方面是由于自己对文档的不熟悉,不了解webpack-dev-server的运作模式;另一方面,在翻阅了不少博客和文章后,发现不少配置实际上都跑不起来(有可能是版本的原因,也有可能是我自己配
手撕黄油
·
2018-05-29 13:35
webpack简单笔记
本文简单记录学习
webpack3
.0的笔记,已备日后查阅。
pusidun
·
2018-05-25 13:00
利用webpack搭建的前端工程化环境
随着
webpack3
.x的发布,其功能也越来越强大,很多的项目的编译打包工具也由gulp逐渐转移到webpack。
weixin_30455023
·
2018-05-23 20:00
webpack
前端
json
搭建 vue2 单元测试环境(karma+mocha+
webpack3
)
从网上找了很多例子关于单元测试,都是如何新建项目的时候的添加单元测试,用vue-cli中怎么添加,但是我的项目已经生成了,不能再一次重新初始化,这时如何添加单元测试,这里面遇到了好多坑,写在这里记录一下心得。1、用vue-cli生成一个新的项目,把单元测试需要的文件直接复制到你的项目中vueinitwebpackvuetest文件下载地址源代码Github链接2、安装Karma+Mocha模块,这
敏哥
·
2018-05-23 00:00
vue.js
karma
webpack
mocha
单元测试
webpack3
插件CommonChunkPlugin分离第三方库和公共模块
个性定位:优化利器可以建立一个独立文件(又称作chunk)的功能,用于提取第三方库和公共模块。但是webpack4已经到取消了这个插件,转而使用SplitChunksPlugin,相关文章webpack4:代码分割CommonChunkPlugin的寿终正寝,详解CommonsChunkPlugin的配置和用法1、不分离出第三方库和公共模块1、1准备文件src目录下创建以下文件:common.js
E_li_na
·
2018-05-22 16:38
工具
Webpack3.5.5
webpack3
插件CommonChunkPlugin分离第三方库和公共模块
个性定位:优化利器可以建立一个独立文件(又称作chunk)的功能,用于提取第三方库和公共模块。但是webpack4已经到取消了这个插件,转而使用SplitChunksPlugin,相关文章webpack4:代码分割CommonChunkPlugin的寿终正寝,详解CommonsChunkPlugin的配置和用法1、不分离出第三方库和公共模块1、1准备文件src目录下创建以下文件:common.js
E_li_na
·
2018-05-22 16:38
工具
Webpack3.5.5
2018-04-23 webpack入门
初体验很乱,数不清的配置2.安装创建目录mkdirwebpack-democdwebpack-demonpminit//创建一个package.jsoncopyGithub上webpack官网的文档//这是
webpack3
彭奕泽
·
2018-05-18 22:22
vue-cli脚手架中webpack配置基础文件详解
后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要,接下来我将基于
webpack3
.6.0版本结合文档将文件各个击破,纯干料。重点章节
切图妞
·
2018-05-10 00:00
配置文件
webpack
vue.js
前端
webpack3
学习笔记
何为webpackwebpack是一个前端模块化方案,更侧重模块打包,我们可以把开发中的所有资源(图片、js文件、css文件等)都看成模块,通过loader(加载器)和plugins(插件)对资源进行处理,打包成符合生产环境部署的前端资源。webpack初体验命令:webpack被打包目录打包目录本地安装webpack,创建两个文件夹:src开发目录,dist生产目录基本结构如下:├──dist│
帕尼尼0_0
·
2018-05-04 17:37
Webpack系列
webpack
vuejs
webpack3
.x+react+react-redux完整实例搭建过程
1.本次搭建过程起初想升级到最新的webpack4.x发现在extract-text-webpack-plugin样式打包组件有比较多的问题改成了
webpack3
.x,于以前老的还是区别很大安装:cnpminstall
枫叶的影子
·
2018-04-28 16:57
编码工具
构架工具
html5
css3
webpack
react
webpack3
(1)
image.png安装不成功:image.png好像因为已经安装了,所以报错,卸载删掉再重新安装3x的版本就可以了image.png官网说不建议全局安装真的是npm的问题,使用cnpm就成功了
小囧兔
·
2018-04-28 09:06
webpack基本使用与介绍
依赖(引用)jpg与GulpGrunt相比对了模块打包的概念(没有html)webpack只能直接加载和打包js和json文件,要加载css,必须利用一个loader(webpack1.0只能加载js
webpack3
Geek z
·
2018-04-26 23:00
vue公共组件之回到顶部组件
技术栈vue2.5框架
webpack3
.6es6/7tween.jsanimation.jsel
harmsworth2016
·
2018-04-13 22:25
vuejs
vue cli升级webapck4总结
webpack4released已经有一段时间了,插件系统趋于平稳,适逢对
webpack3
的打包速度很不满意,因此决定将当前在做的项目进行升级,正好也实践一下webpack4。
wupengyu
·
2018-04-04 08:59
webpack3
.0 前端工程化
原文链接:https://segmentfault.com/a/1190000014155077模块化思想命名空间库名.类别名.方法名commonjs一个文件为一个模块,模块内的变量是不能被外界直接访问到的,只能通过module.exports暴露模块接口,外界通过require引入模块,require是同步执行的。commonjs是在nodejs服务端执行的。varxx=require('./r
weixin_33849215
·
2018-04-03 15:26
vue cli 平稳升级webapck4
webpack4released已经有一段时间了,插件系统趋于平稳,适逢对
webpack3
的打包速度很不满意,因此决定将当前在做的项目进行升级,正好也实践一下webpack4。
wupengyu
·
2018-04-03 00:00
webpack
webpack4
vue.js
vue-cli
最近帮其他项目组搭建的一个VueJS前端综合框架,把它开源了,有兴趣的可以看看
效果图如下:项目地址:https://gitee.com/QCBZ/vwnUI用的是elementUI2.2.0版本的,VueJS2.5.0,
webpack3
.9的。
QC班长
·
2018-03-22 13:05
JavaEE-Web前台
Web前端-CSS
Web前端-Html
四大维度解锁
Webpack3
.0前端工程化
四大维度解锁
Webpack3
.0前端工程化网盘地址:https://pan.baidu.com/s/1NBzFqMELoFxxvFtxp0YluQ密码:pd36备用地址(腾讯微云):https://share.weiyun.com
hnmwykka
·
2018-03-21 15:06
详解React项目的服务端渲染改造(koa2+
webpack3
.11)
最新的版本,并且不对现有的写法做大的改动,如果一开始就打算服务端渲染,建议直接用NEXT框架来写项目地址:https://github.com/wlx200510/react_koa_ssr脚手架选型:
webpack3
.11.0
wanglixing
·
2018-03-19 13:31
webpack4——SplitChunksPlugin使用指南
写在前面前面写了一篇有关webpack4的不完全升级指南以及在
webpack3
.x迁移的时候遇到的问题,有兴许可以看一下。
xhsdnn
·
2018-03-06 15:42
webpack
有赞商城
1、全局安装vue-cli:Vue.js官方提供的用于快速创建项目模板的脚手架工具npminstallvue-cli-g2、创建项目模板:vueinit
webpack3
.在安装过程中会有一些提示:Vuebuild
zy懒人漫游
·
2018-03-06 04:16
ES6入门到进阶(一):let、解构赋值、字符串模板、函数
一、简介ES6->ECMA标准ES6->2015年6月ES6.0每年6月份,发布一个版本ES6环境:
webpack3
.xTraceur二、let、const2.1关于定义(声明)变量vara=12;之前
唐成勇
·
2018-02-22 00:00
javascript
es6
webpack3
.0之loader配置及编写(一)
loader用于对模块的源代码进行转换。loader可以使你在import或"加载"模块时预处理文件。loader可以将文件从不同的语言(如TypeScript)转换为JavaScript,或将内联图像转换为dataURL。loader甚至允许你直接在JavaScript模块中importCSS文件!在深入学习对loader的编写之前,我们先熟悉下loader的常见配置规则。常见的有两种配置规则:
杜水钬
·
2018-02-05 23:14
js
webpack
Webpack3
.X版学习经验
Webpack3
.X版探索之路第01节:认识WebPack的作用前端为什么需要WebPack?
梦想代码
·
2018-02-01 15:56
webpack
从vue-cli学webpack配置1——针对webpack2
大家现在用工具生成出来的是基于
webpack3
x版本的,比2x版本的配置更简洁清晰,不同点是:2x版本的用了webpack-dev-middle和webpack-hot-
下一站深圳
·
2018-01-29 01:51
webpack实用小功能介绍
上一次分享了vue2-
webpack3
,大多都是一些基础的内容,本期继续分享一些webpack比较实用的功能1.overlayoverlay属于devServer的属性,配置案例如下:devServer
WE_清风
·
2018-01-02 16:39
通过Scope Hoisting优化Webpack输出
ScopeHoisting可以让Webpack打包出来的代码文件更小、运行的更快,它又译作"作用域提升",是在
Webpack3
中新推出的功能。
吴浩麟
·
2017-12-27 00:00
webpack
详解vue-cli之
webpack3
构建全面提速优化
前言伴随着vue的全球化,已经各种vue的组件框架越来越完善,从早期的element-ui到vux,iview等越来越多高质量的项目,使用vue进行前端构建已然是一件工程化,模块化,敏捷化的事情在这其中,相信很多人都会选择官方的vue-cli初始化工程模板,然后通过引入第三方组件框架和工具的方式进行开发构建,我个人也十分推崇这种做法。但是vue-cli初始化的项目模板毕竟是面向所有开发者的,在兼容
宇帅
·
2017-12-25 08:24
详解
webpack3
编译兼容IE8的正确姿势
上一篇中的方法在webpack更新后,uglify缓存地址也发生了变化,需要重新找地址。后来测试发现不论是uglify-js2uglify-js3都是支持IE8兼容处理的。但在webpack.optimize.UglifyJsPlugin中加配置参数却无效。(webpack的锅)总不能每次都手动去找webpack缓存路径进行劫持吧,那要疯了。UglifyjsWebpackPlugin关键点依然在于
楼教主
·
2017-12-21 09:42
手把手教你
webpack3
(11)PostCSS-Loader配置简述
POSTCSS-LOADER配置简述前注:文档全文请查看根目录的文档说明。如果可以,请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里,发【Issues】。DEMO地址1、概述postcss-loader用于处理css代码,具有下列特点:通常由options和plugins两部分组成,plugins虽然嵌套在options里,但实际上是通过其他插件生效的;配置是可以独立的(每个配置的
qq20004604
·
2017-12-12 20:16
webpack
webpack3
webpack3
postcss
loader
手把手教你
webpack3
(8)url-Loader配置简述
URL-LOADER配置简述前注:文档全文请查看根目录的文档说明。如果可以,请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里,发【Issues】。DEMO地址1、概述简单来说,url-loader的效果类似file-loader。优点:可以将css文件中的图片链接,转为base64字符串,或移动到打包后文件夹;缺点:可配置性比file-loader弱一些,但其实file-loade
qq20004604
·
2017-12-07 21:25
webpack
webpack3
webpack
url-loader
webpack 入门2
2017年9月18日更新,添加了一个使用webpack配置多页应用的demo,可以点击此处查看2017年8月13日更新,本文依据
webpack3
.5.3将文章涉及代码完全重写,所有代码都在Mac上正常运行过
漂流记
·
2017-11-22 20:00
详解从零搭建 vue2 vue-router2
webpack3
工程
初始化工程新建工程目录vue2practice,在目录下执行npminit-y来创建一个package.json,在package.json中先添加以下必备模块:{"name":"vue2-vue-router2-
webpack3
北京程序员-晓三
·
2017-11-22 09:32
webpack3
+react16+react-router3+react-redux实战项目
该项目运用了全新的react技术栈包括
webpack3
react16react-router3react-reduxES6等。非常适合想要学习react技术栈的同学。
hkwBest
·
2017-11-21 16:15
react
webpack
3第2章webpack使用引导12.1安装webpack与运行介绍12.1.1创建目录结构12.1.2引入webpack依赖22.1.3创建配置文件22.1.4修改配置文件22.1.5运行
webpack3
2.2
lemonzoey
·
2017-11-21 13:35
webpack3
之压缩js和css
目录结构目录结构将css直接打包进页面的style标签内安装模块npminstallwebpackstyle-loaderprecsspostcss-loadercss-loaderautoprefixerfile-loaderurl-loader--save其中file-loaderurl-loader两个模块是图片处理的必要模块相关文件//====app.jsrequire('./styles
小枫学幽默
·
2017-11-13 19:37
使用 vue-cli 构建项目中的 Webpack优化
webpack升级3.x根据官方的release声明,
webpack3
.x的一个显著特性是ScopeHoisting。
btfrankenstein
·
2017-11-13 12:22
webpack3
--plugins大用处
要想让webpack为我所用,不仅要求我们在loader使用上得心应手,更离不开对plugins的熟练使用。如果说把webpack比喻成一台豆浆机,我们需要一杯豆浆喝,我们要:准备好原材料,好比我们的entry入口起点的处理;选择豆浆品种,好比我们在选择loader加载器;搅拌电机工作,好比我们plugins插件的大用处;完成倒出品尝,好比我们output输出文件的处理;电力保障在线,好比我们de
amCow
·
2017-10-26 14:25
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他