build目录 config目录 是webpack配置相关的 node-modules目录 是我们用npm install 安装的依赖代码库 src目录 是我们项目的源码(我们开发的所有项目文件都在src目录下) static目录 是存放第三方静态资源的 ...
分类:
其他好文 时间:
2017-04-24 15:44:48
阅读次数:
142
webpack是目前一个很热门的前端打包工具,官网说得很清楚,webpack的出现就是要把requirejs干掉。同时它还提供了十分便利的本地开发的环境。网上并不容易找到一个讲解得比较详细完整的教程,本文结合实践经验,总结一套可用的开发和上线的配置和流程。 首先,Require JS有什么问题 Re ...
分类:
Web程序 时间:
2017-04-21 22:56:55
阅读次数:
387
在上一篇《webpack从入门到上线》介绍了wepack的配置和相关的概念,这一篇介绍怎样写一个webpack loader. 通过写一个js的html模板为例子。 上篇文章已提及,loader加载器就是对各种非正常资源的解析,转化成浏览器可以识别的js/css文件等,甚至可以说loader就是一个 ...
分类:
Web程序 时间:
2017-04-21 22:56:27
阅读次数:
331
确定框架、技术点 一个项目的开始,特别是丰富多样的前端工程,首先一定要确定好采用的框架和技术点。2016年vue.js如火如荼,webpack强势崛起,但是是否就可直接拿到项目中搞起呢?答案是否定的,一个新的技术如果自己或团队中成员都还在学习摸索的过程,是肯定不能在生产环境中使用的,更何况这是个创业 ...
分类:
其他好文 时间:
2017-04-20 20:04:46
阅读次数:
392
http://www.jianshu.com/p/42e11515c10f ...
分类:
Web程序 时间:
2017-04-20 19:40:19
阅读次数:
182
前言 webpack是目前前端开发必不可少的一款模块加载器兼构建工具,它能极其方便的处理各种资源的打包和使用, 让前端开发获得与后端开发几乎一致的体验。 webpack特点 webpack 是以 commonJS 的形式来书写脚本的,可以直接使用 require或者import(es6写法,配置ba ...
分类:
Web程序 时间:
2017-04-20 16:14:24
阅读次数:
1617
webpack常用的插件安装命令:1:npminstallhtml-webpack-plugin--save-dev//自动快速的帮我们生成HTML。2:npminstallcss-loaderstyle-loader--save-dev//样式文件,我们需要两种loader,css-loader和style-loader,css-loader会遍历css文件,找到所有的url(...)并且处理。sty..
分类:
Web程序 时间:
2017-04-20 11:54:03
阅读次数:
173
在我们公司,和后台接接口时,公共的请求路径我们是单独抽出来的,放在一个独立的public.js中,在public.js中存入那个公共变量公共变量是这样在其他地方使用ajax时,我们就这样使用这种用法在平时的项目中是没有问题的。但是因为公司最近的项目都是用react来用,然后用webpack..
分类:
Web程序 时间:
2017-04-20 11:31:35
阅读次数:
228
写在前面的话(背景交代)最近参加esri比赛,但是又想趁机接触前端最新的一些框架和技术,所以,毅然决然的踏上了这个天坑之路。我现在只是成功的把地图渲染出来了,所以,我也不知道会不会有天坑二的出现。新建...
1、最简单的命令 webpack hello.js hello.bundl.js //即把hello.js 压缩成 hello.bundle.js ...
分类:
Web程序 时间:
2017-04-18 21:24:07
阅读次数:
141