51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#WebP
转:Webpack 指南(整理 草稿)
首先要安装Node.js,Node.js自带了软件包管理器npm。用npm全局安装Webpack:$ npm installwebpack-g通常我们会将Webpack安装到项目的依赖中,这样就可以使用项目本地版本的Webpack。#进入项目目录,初始化,创建package.json。#若存在pac...
代码星球
·
2020-04-18
Webpack
指南
整理
草稿
Webpack打包进阶
由于使用了React直出,页面各项性能指标使人悦目。本篇将深入探讨目前PC部落所采用webpack打包优化策略,以及探讨PC部落并未使用的webpackCodeSplitting代码分包、异步模块加载特性。看看它们又是如何对PC部落的性能起到进一步的催化作用。如果你曾经使用过Broserify,RequireJS或类似...
代码星球
·
2020-04-18
Webpack
打包
进阶
webpack练手项目之easySlide(三):commonChunks(转)
Hello,大家好。 在之前两篇文章中: webpack练手项目之easySlide(一):初探webpack webpack练手项目之easySlide(二):代码分割 与大家分享了webpack的基本使用方法,以及使用webpack对代码进行分割,根据需求进行异步加载。 今天我们继续...
代码星球
·
2020-04-18
webpack
练手
项目
easySlide
commonChunks
webpack练手项目之easySlide(二):代码分割(转)
在上一篇 webpack练手项目之easySlide(一):初探webpack 中我们一起为大家介绍了webpack的基本用法,使用webpack对前端代码进行模块化打包。但是乍一看webpack只是将所有资源打包到一个JS文件中而已,并没有做到真正的按需加载,这当然不是我们所想要的。不...
代码星球
·
2020-04-18
webpack
练手
项目
easySlide
代码
webpack练手项目之easySlide(一):初探webpack (转)
最近在学习webpack,正好拿了之前做的一个小组件,图片轮播来做了下练手,让我们一起来初步感受下webpack的神奇魅力。 webpack是一个前端的打包管理工具,大家可以前往:http://webpack.github.io/ 作详细了解。相对于之前的前端模...
代码星球
·
2020-04-18
webpack
练手
项目
easySlide
初探
基于webpack的前端工程化开发解决方案探索(一):动态生成HTML(转)
软件工程的工程化开发概念由来已久,但对于前端开发来说,我们没有像VS或者eclipse这样量身打造的IDE,因为在大多数人眼中,前端代码无需编译,因此只要一个浏览器来运行调试就行了。但是时至今日,互联网特别是移动互联网为前端开发带来了更大的机会,同时前端代码也变得越来越复杂,越来越难以管理,因此前端工程化开发的工作...
代码星球
·
2020-04-18
基于
webpack
前端
工程化
开发
Vue.js——60分钟快速入门 开发· webpack 中文文档
转载于:http://www.cnblogs.com/keepfool/p/5619070.html http://www.css88.com/doc/webpack2/guides/get-start...
代码星球
·
2020-04-17
Vue.js
60分钟
快速
入门
开发
webpack学习笔记
一、什么是webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 二、安装1. 执行npminit,选择默认的下一步就...
代码星球
·
2020-04-16
webpack
学习
笔记
细说前端自动化打包工具--webpack
记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起。用过Dreamweaver的都知道,做网页就像用word编辑文档一样。一个html页面,夹杂着css,javascript是再常见不过的事了。随着前端的不断发展,特别是单页应用的兴起,这种所...
代码星球
·
2020-04-12
细说
前端
自动化
打包
工具
webpy使用笔记(一)
工作环境中需要经常生产和测试服务器,机房一直很混乱,因此萌生了开发一个简单方便的服务器管理系统(说的好高大上,其实就是个可以获取服务器信息的小web应用)。之所以选择webpy,正式因为它够简单,尤其是对于我这种python新人来说。它是一款轻量级的pythonweb开发框架,对于个人开发小应用来说很适合。下载:w...
代码星球
·
2020-04-12
webpy
使用
笔记
NodeJS + React + Webpack + Echarts
最近画了个简单的前端图,使用百度的echarts,基于原来项目的NodeJS+React+Webpack框架。在此记录一下:1. 在react里封装echarts组件,并调用后端API。(参考的是一个只有样本数据,无数据封装的例子,对于没有接触前端却要对接这个图的我,简直是折磨得不行)。importReact...
代码星球
·
2020-04-11
NodeJS
React
Webpack
Echarts
app:利用HBuilder打包webpack项目
1.安装HBuilder2.将你的项目在HBuilder中打开3.控制台打包编译 npmrunbuild 4.新建一个app项目,将项目编译生成的dist文件夹,复制到app项目中5.双击manifest.json文件,修改页面入口,是否压缩的选项 (appid注册登录后则有)...
代码星球
·
2020-04-11
app
利用
HBuilder
打包
webpack
webpack 3.8 使用 extract-text-webpack-plugin 3.0 抽取css失败:You may need an appropriate loader to handle this file type.
webpack3.8.1使用extract-text-webpack-plugin3.0.2抽取css时失败,报错:ERRORin./src/static/style/localTime.cssModuleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriatelo...
代码星球
·
2020-04-10
webpack
使用
extract-text-webpack-plugin
抽取
css
webpack-dev-server不是内部或外部命令
参考:https://segmentfault.com/q/1010000006939078错误报告:webpack-dev-server不是内部或外部命令错误原因:当执行命令:npmrundev 实际执行的是package.json配置:"dev":"webpack-dev-server--in...
代码星球
·
2020-04-10
webpack-dev-server
不是
内部
外部
命令
vue开发工具node.js及构建工具webpack
1.概念 node.js:可以运行JavaScript的服务平台,可以把它当做一个后端程序,只是它的开发语言是JavaScript (通常情况下,JavaScript的运行环境都是浏览器,因此JavaScript的能力也就局限于浏览器能赋予它的权限了。比如说读写本地系统文件这种操作,一般情况下运行在浏览器中的Jav...
代码星球
·
2020-04-10
vue
开发工具
node.js
构建
工具
首页
上一页
...
13
14
15
16
17
...
下一页
尾页
按字母分类:
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
其他