react + redux + react-router + sass + antd + eslint + webpack 后台管理系统Demo
项目预览地址 https://jesonman.github.io/react-admin-demo/(预览地址无法访问的话,把DNS改成 114.114.114.114 即可访问)
先执行以下命令,下载所有依赖的第三方模块
npm install
接着执行以下命令,dll化常用的第三方模块,只需dll一次,生成对应文件即可,后续这些第三方模块没更新的情况下,都不需要再次dll了。dll化可以提高webpack构建速度,也有利于客户端缓存。
npm run dll
执行以下命令,可进行开发
npm run dev
执行以下命令,可打包项目
npm run build
- 使用DllPlugin和DllReferencePlugin插件,dll化常用的第三方模块,提高webpack构建速度,也有利于客户端缓存。
- 使用HappyPack插件开启多进程loader转换,提高webpack构建速度。
- 使用autoprefixer实现自动补全css浏览器兼容前缀。
- 使用MiniCssExtractPlugin插件抽离css到单独的css文件,并使用OptimizeCssAssetsPlugin插件对css进行压缩。
- 使用react-loadable实现代码分割,从而实现按需加载。