03 2018 档案

手把手教你用webpack3搭建react项目(开发环境和生产环境)(二)
摘要：开发环境和生产环境整个配置源码在github上，源码地址：github-webpack-react 如果觉得有帮助，点个Star谢谢！！ 开发环境肯定不能把css，js，字体图标之类的打包在一起，肯定要分开打包，还有就用js的类库和自己单独写的js也要单独打包，这样可以防止js文件特别大，接下来配置 阅读全文
posted @ 2018-03-13 16:25 heyushuo 阅读(1547) 评论(0) 推荐(0)
手把手教你用webpack3搭建react项目(开发环境和生产环境)(一)
摘要：开发环境和生产环境整个配置源码在github上，源码地址：github-webpack-react 如果觉得有帮助，点个Star谢谢！！ (一)是开发环境，(二)是生产环境。 一、首先创建package.json并且安装webpack和webpack-dev-server 接下来开始配置一个完整项目 阅读全文
posted @ 2018-03-13 11:25 heyushuo 阅读(5636) 评论(0) 推荐(1)
webpack中hash与chunkhash区别和需要注意的问题
摘要：项目发布时，为了解决缓存，需要进行md5签名，这时候就需要用到 hash 和 chunkhash等。 问题一：hash问题 使用 hash 对js和css进行签名时，每一次hash值都不一样，导致无法利用缓存 原因是因为, hash 字段是根据每次编译compilation的内容计算所得，也可以理解 阅读全文
posted @ 2018-03-12 15:17 heyushuo 阅读(6662) 评论(0) 推荐(0)
webpack3配置字体图标和打包相关问题
摘要：webpak配置字体图标有两种方式 一、将字体图标和css打包到同一个文件中。 1.首先需要安装url-loader 2.相关配置如下(开发环境使用这个方式是可以的) 上文中的limit一定要保证大于最大字体文件的大小，因为这个参数是告诉url-loader，如果文件小于这个参数，那么就以Data 阅读全文
posted @ 2018-03-11 12:22 heyushuo 阅读(4967) 评论(0) 推荐(0)
webpack3中使用postcss-loader和autoprefixer给css3样式添加浏览器兼容
摘要：1.在webpack中需要处理css必须先安装如下两个loader 2.要处理sass和添加浏览器前缀需要下载如下插件和loader 3.webpack中配置如下所示 这是官网提供的例子完全可以使用，没必须要在单独建立一个配置文件 点击进入官网地址 4.打包后效果如下 以后再也不用考虑浏览器兼容问题 阅读全文
posted @ 2018-03-11 09:48 heyushuo 阅读(5990) 评论(0) 推荐(0)
module.exports 和 exports,export 和export default的区别
摘要：1、module.exports module变量代表当前模块。这个变量是一个对象，module对象会创建一个叫exports的属性，这个属性的默认值是一个空的对象： 例子：app.js require方法用于加载模块。 2、exports 与 module.exports的关系 Node为每个模块 阅读全文
posted @ 2018-03-07 13:18 heyushuo 阅读(19748) 评论(3) 推荐(7)