在同事的mac电脑上,可以正常编译,拿到我这边就出错了(⊙﹏⊙) 好像是webpack在window下的一个bug,需要让 webpack 和你的项目保持在一个盘符下,参考。 解决方法: 修改config.js配置文件,在所有目录前加上path.join,参考1,参考2。 ...
分类:
Web程序 时间:
2016-10-09 12:53:19
阅读次数:
6784
一、认识webpack webpack是一款模块打包加载工具。它能够将各种资源、JS、CSS、图片等作为模块打包加载。本人也是近期因工作需要才开始接触webpack,在下文中有误的地方还希望各位能够指出,本人也会积极改正。 二、安装webpack 这里安装webpack的前提是已经安装的node.j ...
分类:
Web程序 时间:
2016-10-08 19:51:04
阅读次数:
163
1.前端工程化 最近几年,前端(自动化)构建工具大受欢迎。对于初学者,首先应该了解为什么要用这些工具,或者说,使用这些工具的目的(作用)是什么,再或者,这些工具能让我们干一些什么事情? 笔者以为,既然是“工具”,必定是在一定程度上解放我们的双手的。 这些工具的产生背景是,当下的前端项目越来越复杂,需 ...
分类:
Web程序 时间:
2016-10-08 16:30:26
阅读次数:
248
过去数年间,web开发已经从包含少量JavaScript代码的应用发展到到拥有复杂JavaScript代码和代码之间依赖关系树的应用。Webpack能分析项目的结构,找到JavsScript模块和其他Assets,然后收集打包给浏览器使用。来看一个简单的Webpack使用例子。 1、工具安装和环境配 ...
分类:
Web程序 时间:
2016-10-08 16:01:46
阅读次数:
178
1. vue init webpack (project name) cd name npm install npm run dev 2. (安装开发工具) npm install node-sass --save-dev npm install vue-router ...
分类:
其他好文 时间:
2016-10-07 01:54:07
阅读次数:
132
学习cooking,查看中文文档,发现有个配置chunk: true, 不明白具体含义,于是根据注释,找到了相关代码, 即chunk: true等同于以下代码: 也就是两个webpack插件:CommonsChunkPlugin,CommonsChunkPlugin及默认配置 ...
分类:
其他好文 时间:
2016-10-06 06:59:36
阅读次数:
158
1、npm install webpack -g (如果之前操作过webpack,这一步可略过) 2、npm install webpack --save-dev (执行完这行代码就可以生成一个node_modules的文件) 3、npm install react --save-dev 4、npm ...
分类:
Web程序 时间:
2016-09-29 21:35:44
阅读次数:
227
gulp安装也正常,但是就是查看gulp -v的时候报错,原因:缺少系统变量PATH或者PATH变量错误 提示:这个系统变量PATH,直接追加就好(多个变量值用分号;隔开),不要删除已经有的系统变量PATH 这个变量怎么找?有三种方法可以找到,或许还有其它方法可以找到,自己选择一种喜欢的方式就好(前 ...
分类:
Web程序 时间:
2016-09-28 16:13:00
阅读次数:
146
昨天我们讲到了怎么去简单的构建一套完整的redux体系,今天我以一个简单的实例去讲解reduxTodo用ES6+webpack+redux怎么去实现数据流动,还有需要注意的地方。好的,言归正传,让我们开始吧! 首先我们看一下完整的文件目录,一个简单的todo我们只做删除和添加两个功能 再贴一下完整的 ...
分类:
其他好文 时间:
2016-09-27 19:26:53
阅读次数:
164
1 安装node 环境 2:全局安装webpack npm install webpack -g 3: 进入项目结构,创建package.json npm init 4:项目引入webpack npm install webpack --save-dev 5: 创建webpack.config.js ...
分类:
Web程序 时间:
2016-09-27 17:42:44
阅读次数:
170