一、webpack的优势 1. 能模块化 JS 。 2. 开发便捷,能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等。 3. 扩展性强,插件机制完善,特别是支持 React 热插拔)的功能让人眼前一亮 二、webpack--如何安装 1. 全局安装 node.js ...
分类:
Web程序 时间:
2016-12-16 19:09:40
阅读次数:
166
resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], alias: { 'vue$': 'vue/dist/vue.common.js', 'src': pat ...
分类:
Web程序 时间:
2016-12-14 21:47:29
阅读次数:
202
1 . 我们需要使用打包工具,首先第一步就得 执行 npm install进行安装,可是很多时候 加载速度很慢,这个时候我们可以 用淘宝镜像源,参考地址: https://npm.taobao.org/ 使用方法如下: npm install --registry=https://registry. ...
分类:
Web程序 时间:
2016-12-14 21:40:30
阅读次数:
848
vue-route版本要跟vue版本同步,我的vue用的2.0+的,vue-router 也用了最新版2.1+ npm安装vue-router: $ npm install vue-router --save-dev 使用: 1.引入 vue-router: import VueRouter fro ...
分类:
Web程序 时间:
2016-12-14 20:59:52
阅读次数:
449
最近项目要用的 一些无关紧要的文件夹, demo是一些示例, dist是webpack打包后发布的代码,server是用node启动服务,typings和tsconfig是一些补全规则ts配置. npm install 安装node_modules依赖. npm start 从package.jso ...
分类:
其他好文 时间:
2016-12-14 14:21:41
阅读次数:
249
Webpack是什么 首先可以看下 官方文档 ,文档是最好的老师。 Webpack是由Tobias Koppers开发的一个开源前端模块构建工具。它的基本功能是将以模块格式书写的多个JavaScript文件打包成一个文件,同时支持CommonJS和AMD格式。但让它与众不同的是,它提供了强大的loa ...
分类:
Web程序 时间:
2016-12-13 23:02:54
阅读次数:
421
闲聊: 小颖之前一直说是写一篇用vue做的简单demo的文章,然而小颖总是给自己找借口,说没时间,这一没时间一下就推到现在了,今天抽时间把这个简单的demo整理下,给大家分享出来,希望对大家也有所帮助。 前期准备: 1.安装node 安装包地址这个里面有两个安装包大家可以根据自己的需求选择安装4.4 ...
分类:
Web程序 时间:
2016-12-13 19:36:49
阅读次数:
1269
最近一直在学react,react的基础部分已经学得差不多了,然而自己并没有做详细的记录,有兴趣的同志可以参考阮一峰老师的教程,个人觉得挺不错的,链接如下:https://github.com/ruanyf/react-babel-webpack-boilerplate, 学完了基础就想倒腾倒腾,w ...
分类:
Web程序 时间:
2016-12-13 19:02:42
阅读次数:
435
css加载器文件通常和extract-text-webpack-plugin一块使用,我们可以在源文件src目录下写scss文件,然后通过webpack编译成css文件到输出目录public,这个目录就是我们网站需要引用的目录. Note:new ExtractTextWebpackPlugin(" ...
分类:
Web程序 时间:
2016-12-13 06:39:49
阅读次数:
299
最近在学webpack,需要用到sass-loader加载器解析.scss文件,安装sass-loader,必须先安装node-sass,node-sass纠正了两天,用npm install node-sass硬是安装不上,最后通过cnpm安装成功了。 ...
分类:
其他好文 时间:
2016-12-13 06:20:45
阅读次数:
128