Younth
未优化压缩前，是可以的。 上线时候执行webpack.optimize 发现编译后的css文件，border:1px solid red 这样的都是编译成了rem，写的时候是用/_px_/的，请问要怎么整
``` runPluginAtURL: is deprecated, use runPluginCommandWithIdentifier:fromBundleAtURL:context: instead. ```
vue 默认 NPM 包导出的是 运行时 构建，`vue.runtime.common`。fis3如何改成引入`vue.common.js`呢？webpack可以这样配置： ``` resolve: { alias: { 'vue$': 'vue/dist/vue.common.js' } } ```
最近这段时间一直在折腾各种Node CLI，把个人的一些开发，调试技巧分享给大家～ 一般情况下，一套CLI工具集合，包括CLI运行核心模块及各种插件体系。拿 `webpack` 来说，其由核心模块 `webpack` 及各种 `loader` `plugin` 组成其强大的构建生态体系。 ### 单一NPM包的调试 #### npm link 到本地进行开发调试 * 先进入模块目录执行 `npm link` * 再去项目目录通过包名来 `link npm link my-plugin` * 删除link: `npm unlink...
通常我们的webpack标准`prod`配置会有下面的代码： ```javascript // 来源于 vue-cli webpack配置 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: function (module, count) return ( module.resource && /\.js$/.test(module.resource) && module.resource.indexOf(path.join(__dirname, '../node_modules')) === 0 ) } }), new webpack.optimize.CommonsChunkPlugin({ name:...
React是一个专注于UI层的框架，它使用虚拟DOM技术，以保证它UI的高速渲染；使用单向数据流，因此它数据绑定更加简单；那么它内部是如何保持简单高效的UI渲染呢？这种渲染机制有可能存在什么性能问题呢？ ### React组件渲染问题引出 React不直接操作DOM，它在内存中维护一个快速响应的DOM描述，render方法返回一个DOM的描述，React能够计算出两个DOM描述的差异，然后更新浏览器中的DOM。这就是著名的`DOM Diff`。 就是说React在接收到属性(props)或者状态(state)更新时，就会通过前面的方式更新UI。所以React整个UI渲染是比较快的。但是这里面可能出现的问题是： 假设我们定义一个父组件，其包含了5000个子组件。我们有一个输入框输入操作，每次输入一个数字，对应的那个子组件背景色变红。 ```js ... ``` 这样我们输入数字1，则子组件1背景色变化，但是在这个过程中，所有的子组件都进行了重新渲染，导致整体渲染变慢。造成这种现象的原因是 `React中父组件更新默认触发所有子组件更新`。（具体例子见文章后demo链接） 同时，我们经常在遍历列表元素时候会遇到这样的提示： ``` Warning: Each child in an array or iterator should have a unique "key" prop. ``` 这就是我们今天要讨论的两个性能优化点：...
## 你的项目需要一个官网平台了（基于Hexo快速搭建项目官网及文档平台） 玩过 `github.io` 的同学对 [hexo](https://hexo.io/) 都比较熟悉，目前最火的静态博客工具。其实，`hexo` 除了能帮助我们快速搭建个人博客，还能快捷搭建 `项目官网`。最近在搭建公司内部框架的官网用到了，跟大家一块分享下~ ### 项目官网的构成 我们先来看看一些项目的官网： #### 1. Hexo 官网 https://hexo.io/ 首页：  文档平台：  新闻页面：  #### 2. NexT 官网 http://theme-next.iissnan.com/ 首页： ...