
webpack
文章平均质量分 55
赵乘风_i
前端搬砖
展开
-
最近学习路径
在平时的工作中,不仅需要储备基础的技术能力,还要对所处的行业方向和研究领域进行深挖。 大概可以整理一下 技术能力比如Webpack,JS基础,前端工程化;行业方向的话就是大数据前端,目前的核心发展包括 数据集、渲染引擎、数据模型、可视化 这四个模块,平时可以做的东西如 数据表格优化、Web Excel、SQL编辑器、智能可视化等。 现在在可视化方向做了一些事情,比如可以拖拉拽快速生成的可视化页面,面向前端工程师,生成JSON格式,在代码中使用。当然,这些不够,还需要做更多的事情,目前在规划中。 最近原创 2021-04-25 20:29:36 · 363 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(一) webpack配置
在网上看到过很多教程,都是从零开始构建一个项目,每次看着都浩浩荡荡的开始跟着博客一步一步走,但是总是很难成功。自己一直想要从零构建一个项目来实践一下,了解一下偏底层的配置。最近比较有时间,就又一次开始了。不过这次没有盲目的在网上找教程,而是直接打开官方文档webpack,开始实践。 所以给大家的建议也是 学习就直接看官方文档就行,遇到问题再搜索,整那些有的没的,其实...原创 2018-12-25 19:41:26 · 1745 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(二) react,redux,antd引入
上一篇文章是关于从零构建一个webpack项目,基本已经启动成功了,这篇文章将会讲一下在项目中使用目前最流行的React框架 1、引入babel相关 现代前端基本都是以es6为规范进行开发,所以我们项目中也就需要引入es6。es6是需要使用babel进行转换的,浏览器才能识别 npm install --save-dev babel-core babel-loader babel-pres...原创 2018-12-26 19:04:17 · 1417 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(三) 配置proxy代理
上一篇是关于引入react,redux,antd的,项目已经可以正常运行了,但是拿到的都是定义的死数据。这篇文章讲一下配置代理,调mock数据。 简便起见,我使用的是Easy Mock,定义好mock数据,在项目中引入使用。 先说一下Easy Mock的使用方法, 创建一个项目, 创建好之后,进入刚才创建的这个项目 创建接口 并在左侧添加数据 创建好之后,就是要在项目...原创 2018-12-28 14:51:10 · 1335 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(四) 区分dev和prod环境
使用webpack主要是想因为其优秀的压缩打包功能,之前的配置中只是设置了关于dev环境的启动和运行。但是打包的时候文件并没有变小,也就是没有使用到压缩的配置。 这次会配置相关的压缩以及区分生产环境和开发环境 开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot...原创 2019-01-04 17:34:07 · 1264 阅读 · 0 评论 -
使用vue+webpack构建项目(一)基本配置
前一段时间构建了一个webpack+react项目,最近搞一下vue的相关学习 其实在学会了react之后,学其他框架也比较得心应手了,首先就是对比着来学习了,vue官方文档上对于框架的对比有比较好的介绍,可以参考 对比其他框架 其实基本给的建议都是先学习Vue会好一些,因为文档更全面,很多库也是官方维护,相比下也比较容易一些,使用模板语法,和html还是比较相似的。 首先是基本webpack项目...原创 2019-01-19 16:12:21 · 971 阅读 · 0 评论 -
babel安装问题,Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/c
最近构建两个项目,都有遇到这个问题,记录一下 Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@...原创 2019-01-19 16:18:04 · 11309 阅读 · 0 评论 -
使用vue+webpack构建项目(二) 引入vuex vue-resource vue-router
之前学习到了 使用vue+webpack构建项目(一)基本配置 这里,这次学习在这个基础项目中引入 vuex、 vue-resource、vue-router等。 首先是安装依赖 npm i --save-dev vuex vue-resource vue-router element-ui 其中 vuex 是 状态管理库 vue-resource 是 异步加载数据 vue-...原创 2019-01-21 17:52:00 · 2035 阅读 · 0 评论