- 博客(5)
- 收藏
- 关注
RSS订阅转载 webpack2利用插件clean-webpack-plugin来清除dist文件夹中重复的文件
配置文件如下/** * Created by oufeng on 2017/5/6. */const webpack = require('webpack');const path = require('path');const ExtractTextPlugin = require('extract-text-webpack-plugin');module.export
2017-12-12 15:18:32
3234
转载 利用 webpack 处理开发与线上环境静态资源切换问题
前言webpack，作为一个处理模块加载、资源依赖管理、构建化的工具，已经逐渐成为了前端工程化领域的新贵。其创造性的把每个静态资源归为一个 module（模块）并能被其强大的 loader 所加载的这种方式，成功的开辟了前端工程界的另一大生态。基于其官网文档的完善度较高，这篇文章就不对 webpack 的主要内容做过多的介绍，而是回归到本文的主题，即通过介绍几款 webpack 相关的插件
2017-12-12 15:17:14
1273
转载 webpack编译后的文件防止缓存解决方案
场景：项目使用的是后端模版返回首页，首页里面有一个js链接，该链接指向的是使用webpack编译过后的代码。由于编译后的文件名称需要在index.vm 中引入，因此，如果给编译后的index文件加hash值作为文件名的话，由于每次的hash值不一样，没法引用，那么该如何解决js文件的缓存问题呢？ 首先，js缓存的原因是因为浏览器会对相同的get请求进行缓存，那么如果我们改变每次请求的名称，其实
2017-12-12 15:15:40
3680
转载 webpack 使用心得
前言最近项目中在使用react/redux/koa做一个IM，打包工具自然选择了webpack我主要使用了webpack 的下列功能webpack 打包编译js文件编译js文件支持多入口，版本控制，懒加载js和样式文件都支持热替换，不需要每个简单的修改都要刷新等待复杂的css sprites功能,支持sass 语法支持sourcemap，
2017-12-12 11:48:32
317
转载 Webpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案
文件的hash指纹通常作为前端静态资源实现增量更新的方案之一，Webpack是目前最流行的开源编译工具之一，其强大的功能也带来很多坑（当然，大部分麻烦其实都可以在官方文档中找到答案）。比如，在Webpack编译输出文件的配置过程中，如果需要为文件加入hash指纹，Webpack提供了两个配置项可供使用：hash和chunkhash。那么两者有何区别呢？其各自典型的应用场景又是什么？本文结合
2017-12-11 16:57:37
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人