![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
小张很嚣张~
Web前端开发交流,各位大神多多指教~
展开
-
前端优化你必须掌握的知识点,AntDesign大佬总结值得收藏
1.按需加载组件 2.按需加载图标 bunlde size too large 集中管理所有所用到的图标 弊端:手动添加 3.按需加载moment,手动引入 默认英文,手动引入中文包 4.按需加载echarts 假如我们只使用了柱状图,只需单独引入柱状图即可 ...原创 2021-07-05 15:21:05 · 108 阅读 · 0 评论 -
Webpack初步了解 -2
1.开启source map定位错误文件及行号 在webpack.config.js中添加 devtool: inline-source-map 2.使用观察模式(watch),文件更新,重新编译 存在的问题:代码会重新编译,但是还是需要刷新浏览器,如果有自动刷新浏览器的功能就好了,so 使用 webpack-dev-server实现此功能 npm install --save-dev webpack-dev-server ...原创 2021-06-23 16:48:13 · 128 阅读 · 0 评论 -
Webpack初步了解 - 1
1.调整package.json文档 确保安装包是私有的,并且移除main.js,目的时防止意外发布代码。 2.要在index.js中打包依赖比如lodash,需要在本地安装library(库) npm install --save lodash 注意:当我们安装一个package时,如果打包到生产环境bundle中,使用 npm install lodash --save 如果只是用于开发环境,比如linter,测试库等,使用命令 npm install --save-dev lodash原创 2021-06-23 11:53:59 · 79 阅读 · 1 评论