码迷,mamicode.com
首页 >  
搜索关键字:Webpack    ( 4842个结果
webpack 中常用安装差件的命令
1:npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。2:npm install css-loader style-loader --save-dev//样式文件,我们需要两种loader,css-loader 和 style-l ...
分类:Web程序   时间:2017-03-04 18:30:56    阅读次数:212
APP 微信 卡片 分享
一直在别人的app上使用的分享图片到微信的功能,轮到自己写的时候,感觉要了老命了~ 1.环境配置 vue.js 1.0 + webpack cordova微信插件: https://github.com/xu-li/cordova-plugin-wechat 2.思路历程 阶段一: 隔壁项目组的小伙... ...
分类:微信   时间:2017-03-04 14:01:07    阅读次数:366
Webpack中的sourcemap
Webpack中sourcemap的配置 sourcemap是为了解决开发代码与实际运行代码不一致时帮助我们debug到原始开发代码的技术。尤其是如今前端开发中大部分的代码都经过编译,打包等工程化转换。比如开发环境下用scss写样式, 想在浏览器中在线编辑css那样编辑scss就不是那么容易了。从我 ...
分类:Web程序   时间:2017-03-04 11:16:41    阅读次数:235
搭建前端的开发环境和前端开发流程总结
一、搭建前端的开发环境 1.代码编辑工具:sublime/WebStorm/HBuilder。 2.断点调试工具:Firebug。 3.版本管理工具:Git(本人建议使用git,至于原因大家可以看看相关blog),安装完成后我们就可以从github上clone一些项目。 4.代码合并和混淆工具:we ...
分类:其他好文   时间:2017-03-04 11:15:44    阅读次数:371
AngularJs 开发app之准备工作3_gulp
写在前面的话: 常见的自动构建工具有 grunt、gulp、webpack,把源码进行合并压缩,节省带宽等~ 一起来学习 gulp 的使用吧~ 三、gulp的使用( gulp 中文网): gulp 的优点:基于流、任务化 常用API: src 、dest 、watch 、task 、pipe (1) ...
分类:移动开发   时间:2017-03-04 00:19:44    阅读次数:291
webpack打包和gulp打包工具详细教程
30分钟手把手教你学webpack实战 阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义 六:了解下webpack的几个命令 七:webpack对多个模块依 ...
分类:Web程序   时间:2017-03-02 15:23:31    阅读次数:1180
webpack加载postcss,以及autoprefixer的loader
webpack2.0加载postcssloader以及autoprefixer实现自动根据兼容性的需求给css加私有前缀的功能,给开发带来便利, 下面是我的配置信息,亲测有效: 1.webpack.config.js的配置: module: { rules: [ { test: /\.vue$/, ...
分类:Web程序   时间:2017-03-02 10:59:09    阅读次数:8524
全局安装 vue
通过npm命令安装vuejs在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用。(以下操作全在命令行中) # 最新稳定版本 $ npm install -g vue 全局安装 # 最新稳定 ...
分类:其他好文   时间:2017-03-01 15:43:34    阅读次数:319
【webpack】-- 自动刷新
前端需要频繁的修改js和样式,且需要根据浏览器的页面效果不断的做调整;而且往往我们的开发目录和本地发布目录不是同一个,修改之后需要发布一下;另外一点就是并不是所有的效果都可以直接双击页面就能看到,我们常常需要在本地用nginx建一个站点来观察(自己电脑上ok了才放到测试环境去)。所以如果要用手工刷新 ...
分类:Web程序   时间:2017-02-27 00:48:05    阅读次数:398
webpack命令局部运行的几种方法
1. 第一种,先全局安装webpack 命令:npm install -g webpack 然后再在项目内安装 命令:npm install webpack --save-dev 这样在项目内就可以直接使用webpack命令了,运行的却是局部的webpack 2.第二种,直接在局部安装webpack ...
分类:Web程序   时间:2017-02-26 17:20:42    阅读次数:305
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!