Yang
## 背景 *带添加...* ## 技术方案 *带添加...* ## 过程 *带添加...* ## 总结 *带添加...* 先写个标题，不然时间久了又不会写了
#### 起因 最近接手了一个前端项目，由于之前前端开发人员比较多加上没有人很好的来约束管理，到我手上的时候已经变的比较恐怖，这里的恐怖主要指代码臃肿和体积庞大，随便改点东西，热加载都需要8秒左右的时间，在此基础上改需求已经异常难受，优化代码变的刻不容缓。 #### 任务 简单列一下优化任务清单： 1. 梳理第三方组件 2. 使用`DllPlugin`优化开发环境 3. 使用`CommonsChunkPlugin`优化生产环境 #### 步骤 1 要完成这一步，我们要先分析一下当前代码的第三方组件使用情况，这里我推荐使用`webpack-bundle-analyzer` ```bash yarn add webpack-bundle-analyzer ``` 在`***.prod.js`中添加 ```javascript const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; //... plugins: [...
最近开源了一个[`组件、文档、测试、发布`](https://github.com/haici/component-factory)解决方案， 是基于`bisheng`写的，在这个过程中研究了一下`GitHub Pages` > 这里分享一篇[文章](https://medium.freecodecamp.org/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089) 但`bisheng`目前发布到`GitHub Pages`还存在一些问题，我提了个问题，可以在[这里](https://github.com/benjycui/bisheng/issues/125)查看进度 后续看是否需要写一篇总结在这里 待续... --- 2018-01-08 目前问题已经解决，原来在`bisheng`的`config`中可以定义一个`root`节点，这个节点就是来设置路由前缀的，因为git pages上所有的目录都是`xxx.github.io/xxx/`这样的结构，所以需要设置一下路由的前缀。 像这样： ```js if (process.env.NODE_ENV) { bishengConfig.htmlTemplateExtraData = { root: '/component-factory/' }; bishengConfig.root = '/component-factory/'; } ``` >...
[TOC] ------------------- ## 关于`npm`中的参数传递 我在使用`package.json`的`scripts`命令的时候遇到了一个参数传递问题 `npm run build -type all`这条命令中的`--type all`参数无法继承到`npm run build`命令具体执行的那条命令上去 ### 解决办法 ```bash npm run build -- -type all ``` > `npm`命令中，`--`后的内容会继承到真实的命令中去 ## 关于写命令配置参数 这个其实比较自由，实现的方法很多，就像一个网站，你可以使用jquery、php、jsp、react、vue、ng中的任何一种来实现一样，用你觉得对的语法就好，当然，我这里还是要推荐下我觉得挺好的语法 ```javascript const...