最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出来,欢迎大神来拍砖。。。 一、新建一个项目目录,cd /d 定位进去,然后输入npm init,会提 ...
分类:
Web程序 时间:
2016-11-12 22:13:38
阅读次数:
2137
优化对比 : 未优化前:index.html引入一个main.js文件,体积2M以上。 优化后入:index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个文件控制300k以内.(如果高兴100k也没问题) 用到的一堆库及 ...
分类:
Web程序 时间:
2016-11-12 18:58:00
阅读次数:
207
使用webstorm编译: 1.新建一个工程(最基本的工程) 2.在webstorm的控制台,使用命令行 cnpm install webpack -g 全局安装 3.安装完后,可以使用 webpack -h 查看webpack是否安装完成 4.之后,cnpm install webpack --s ...
分类:
Web程序 时间:
2016-11-12 11:47:49
阅读次数:
240
Why 研究一个网站前端技术的时候,了解它的全局的对象是一个好的入口,一般来说,常见的库就会用外观模式,最后暴露一个对象给用户调用,比如jQuery,requirejs,angular,react均是用这种方式。 如果没有用cmd/amd模块化或类似webpack工具打包的话,会给全局对象windo ...
分类:
编程语言 时间:
2016-11-12 07:36:23
阅读次数:
144
序言:通过这个小例子你也许、大概、可能会掌握以下几点 1、webstorm如何使用命令行 2、如何使用webpack的loaders把json格式的文件转化为javascript文件 3、如何使用不同的loaders把es6转换为浏览器可以识别的javascript文件 4、对于react而言如何使 ...
分类:
Web程序 时间:
2016-11-11 19:38:47
阅读次数:
540
研究一个网站前端技术的时候,了解它的全局的对象是一个好的入口, 一般来说,常见的库就会用外观模式,最后暴露一个对象给用户调用, 比如jQuery,requirejs,angular,react 均是用这种方式。 如果没有用cmd/amd模块化或类似webpack工具打包的话,会给全局对象window ...
分类:
编程语言 时间:
2016-11-11 00:36:46
阅读次数:
207
引入jquery: 1.在cmd输入:npm install jquery,回车,等待.. 2.在webpack.base.conf.js里进行如下操作: 3.在webpack.prod.conf.js里进行如下操作: 4.在入口文件里引入: 不知道是不是jquery版本的问题,在重构以前写的页面时 ...
分类:
Web程序 时间:
2016-11-11 00:25:29
阅读次数:
1408
1.Vuejs组件 vuejs构建组件使用 这里注意一点,组件要先注册再使用,也就是说: 如果反过来会报错,因为反过来代表先使用了组件的,但是组件却没注册。 webpack报错后,使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的 ...
分类:
其他好文 时间:
2016-11-10 14:28:12
阅读次数:
191
Why 研究一个网站前端技术的时候,了解它的全局的对象是一个好的入口,一般来说,常见的库就会用外观模式,最后暴露一个对象给用户调用,比如jQuery,requirejs,angular,react均是用这种方式。 如果没有用cmd/amd模块化或类似webpack工具打包的话,会给全局对象windo ...
分类:
编程语言 时间:
2016-11-10 01:43:45
阅读次数:
281
说是踩坑之旅 其实是最近在思考一些问题 然后想实现方案的时候,就慢慢的查到这些方案 老司机可以忽略下面的内容了 1)起因 考虑到数据分离的问题 因为server是express搭的 自然少不了res.render("xx",data) 这句话的意思就是去查找相应的模板文件然后在用数据去渲染在将渲染好 ...
分类:
Web程序 时间:
2016-11-08 22:56:54
阅读次数:
488