现象,在一个webpack+vue的开发环境中,npm install echarts --save了echarts,然后在vue文件中直接使用 import echarts from 'echarts'然后编译的时候加上了Uglify选项,发现vendor文件的大小已经达到了800多k,导致首次加... ...
分类:
Web程序 时间:
2016-08-19 09:53:44
阅读次数:
580
window搭建webpack,react,babel傻瓜教程 首先现在的webpack教程已经很多了,写这篇的原因是因为自己在从小白开始的搭建过程中,并没有找到比较好的教程,花费了很多的时间,so 有了这篇博客,方便小白同学学习。 node环境在这里不在赘述,package.json文件如下 { ...
分类:
Web程序 时间:
2016-08-18 00:59:48
阅读次数:
336
最近在做移动端的项目,最近webpack和vuejs很火,就想到了用vuejs webpack来构建我的项目 先了解了一些webpack的入门基础 http://webpack.github.io/docs/ webpack官方文档 https://zhuanlan.zhihu.com/p/2036 ...
分类:
Web程序 时间:
2016-08-17 15:34:30
阅读次数:
393
1.webpack是什么? 打包前端项目的工具(为项目提高逼格的东西)。 2.webpack的基本命令 webpack#最基本的启动webpack命令 webpack-w #提供watch方法,实时进行打包更新 webpack -p #对打包后的文件进行压缩 webpack -d #提供Source ...
分类:
Web程序 时间:
2016-08-17 12:11:25
阅读次数:
155
Learn how to use the new Webpack Dashboard from Formidable Labs to display a pretty, useful output for monitoring the status of your webpack builds. T ...
分类:
Web程序 时间:
2016-08-17 06:42:05
阅读次数:
426
1.安装脚手架 使用脚手架工具 vue-cli 可以快速地构建项目:单文件 Vue 组件,热加载,保存时检查代码,单元测试等。 # 全局安装 vue-cli$ npm install -g vue-cli 2.新建项目 # 创建一个基于 "webpack" 模板的新项目"my-project" $ ... ...
分类:
Web程序 时间:
2016-08-16 20:11:52
阅读次数:
449
学习的过程中收藏了这些优秀教程和的项目,希望对你有帮助。 github地址, 有不错的就更新 官方文档 中文指南 初级教程 webpack-howto 作者:Pete Hunt Webpack 入门指迷 作者:题叶 webpack-demos 作者:ruanyf 一小时包教会 —— webpack ...
分类:
Web程序 时间:
2016-08-15 12:59:08
阅读次数:
174
一、插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个自动检测兼容性给各个浏览器加 ...
分类:
Web程序 时间:
2016-08-15 12:53:18
阅读次数:
361
插件地址:https://www.npmjs.com/package/html-webpack-plugin 这个插件用来简化创建服务于 webpack bundle 的 HTML 文件,尤其是对于在文件名中包含了 hash 值,而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自 ...
分类:
Web程序 时间:
2016-08-14 20:42:11
阅读次数:
284
http://www.jianshu.com/p/a5361bff1cd8 https://zhuanlan.zhihu.com/p/21702056 ...
分类:
Web程序 时间:
2016-08-14 14:28:14
阅读次数:
668