准备
1、全局安装webpack:npm install webpack -g
1、添加webpack包:npm install webpack --save-dev
安装Webpack
配置Webpack
Webpack使得我们可以使用Node.js的CommonJS规范来编写模块
一、webpack.config.js基本配置项
1、webpack.config.js文件中需要定...
分类:
Web程序 时间:
2016-06-12 00:26:22
阅读次数:
210
webpack进阶构建项目(一) 阅读目录 1.理解webpack加载器 2.html-webpack-plugin学习 3.压缩js与css 4.理解less-loader加载器的使用 5.理解babel-loader加载器 6.理解 extract-text-webpack-plugin(独立打 ...
分类:
Web程序 时间:
2016-06-12 00:18:22
阅读次数:
533
webpack集成了模块加载和打包等功能 ,这两年在前端圈越来越手欢迎。平时一般是用requirejs、seajs作为模块加载用,用grunt/gulp作为前端构建。webpack作为模块化加载兼容了amd/cmd模式,并且作为模块化的资源可以是js/css/image coffeescript/s ...
分类:
Web程序 时间:
2016-06-10 09:43:03
阅读次数:
208
最近开始接触构建工具webpack,公司电脑是 windows,而我自己的呢是mac。本来以为在自己电脑安装很简单,但是出了点问题,所以写出来分享下。 这里用npm的方式安装,首先你要安装node.js,这里献上地址 https://nodejs.org/en/download/ node.js 的 ...
分类:
Web程序 时间:
2016-06-05 23:19:28
阅读次数:
1391
谈谈gulp。 项目尾声,老师叫我去熟悉一下grunt前端自动化工具,第一次知道这种东西,我就查各种资料啊,发现grunt已经‘过时’了,大家都用gulp和webpack。我当然选择了配置最简单的gulp gulp是基于Nodejs的自动任务运行器,基本流程就是先安装nodejs,通过nodejs的 ...
分类:
其他好文 时间:
2016-06-03 17:28:28
阅读次数:
506
什么是Webpack? 事实上它是一个打包工具,而不是像RequireJS或SeaJS这样的模块加载器,通过使用Webpack,能够像Node.js一样处理依赖关系,然后解析出模块之间的依赖,将代码打包 安装Webpack 首先得有Node.js 然后通过npm install -g webpack ...
分类:
Web程序 时间:
2016-06-01 23:10:21
阅读次数:
573
1. 下载node.js https://nodejs.org/en/ 2. 安装 webpack 用管理员开个命令行 (mac: open terminal) npm install webpack -g 3. 下载webstorm https://www.jetbrains.com/websto ...
分类:
Web程序 时间:
2016-06-01 23:07:56
阅读次数:
542
一、前言 实习了两个月,把在公司用到的前端开发模式做个简单的整理。公司里前端开发模式webpack+react+redux+es6,这里去掉了redux。 webpack, react, redux等学习网址:http://www.cnblogs.com/hujunzheng/p/5405780.h ...
分类:
Web程序 时间:
2016-06-01 19:49:42
阅读次数:
337
PWA: Add to home screen Angular Universal Server side rendering: for achieving better proference on init loading sw-precache: with webpack: sw-toolbox ...
分类:
移动开发 时间:
2016-05-27 02:04:31
阅读次数:
513
前言: 知道这完儿,没用过。关于webpack有很多介绍了,就不多说了。放几个链接,方便新手理解。这是给纯没用过的人了解的。这里只是简单介绍一下webpack的基本用法。大多内容都是来自webpack/getting-started,外加一些自己的理解。 官方介绍 [译] 用 Webpack 武装自 ...
分类:
Web程序 时间:
2016-05-26 13:02:19
阅读次数:
226