![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 93
Qssn丶
学无止境,码无尽头
展开
-
webpack打包后运行时文件分析(webpack5)
本文基于webpack5,分析打包后的文件,参考了网上的资料,同时加上了个人的理解,欢迎讨论。代码已经关联到github: 链接地址 觉得不错可以顺手点个star,这里会持续分享自己的开发经验(:简单打包文件介绍//index.js 入口import { cc } from './Test'cc()//Test.jsfunction cc(){}export {cc}运行时分析webpack执行打包后生成的js文件是一个立即执行函数,其参数modules为一个对象{},包含我们所原创 2021-05-18 16:02:39 · 1653 阅读 · 1 评论 -
使用webpack构建本地服务器并添加React本地调试功能
参考文档(一个很全面的webpack入门):https://www.jianshu.com/p/42e11515c10f前言:想不想让你的浏览器监听你的代码的修改,并自动刷新显示修改后的结果,其实Webpack提供一个可选的本地开发服务器,这个本地服务器基于node.js构建,可以实现你想要的这些功能,不过它是一个单独的组件,在webpack中进行配置之前需要单独安装它作为项目依赖转载 2018-01-10 15:57:59 · 1865 阅读 · 0 评论 -
React-router4 使用bundle-loader实现按需加载(code-splitting)
一、参考链接: 1.官网:https://reacttraining.com/react-router/web/guides/code-splitting/code-splitting-server-rendering2.某文章:http://blog.csdn.net/mjzhang1993/article/details/79094594二、源码链接:http://downlo原创 2018-02-05 17:16:50 · 5310 阅读 · 2 评论 -
reactjs用剪头函数绑定this,告别constructor绑定this
在写react组件的时候,你是不是也被constructor方法里的绑定this烦恼过(如下),如果不是,那就没必要看下去了... constructor(props){ super(props); this.showAddQuestion=this.showAddQuestion.bind(this); this.hideAddQuestion=this.hideAddQuesti...原创 2018-02-08 16:33:28 · 1075 阅读 · 0 评论 -
webpack3构建生产和开发环境分离
官网链接:https://webpack.js.org/guides/production/ webpack开发环境和生产环境的构建目标差异很大。在开发环境中,需要具有强大的、具有实时加载或者热模块替换的source map和localhost server。而生产环境中,关注的是更小的bundle,更轻量的source map,以及更加优化的资源,已改善加载文件的时间。要遵循逻辑分离,我们通常建...原创 2018-02-08 15:12:50 · 1174 阅读 · 0 评论 -
webpack3解决font awesome找不到字体(webpack引入font awesome)
看了N个网页都没解决,最后吧file loader的useRelativePath设置为true解决了。看了一下,该属性是生成一个相对 url ,难道之前打包的时候引入的都是绝对URL?这点求大佬指点。下面是引入font awesome的步骤。1.下载font awesome 这是废话。我用的是CSS2.引入font awesomeimport '../../font-awesome...原创 2018-05-10 16:04:40 · 1757 阅读 · 0 评论 -
webpack-dev-server 解决跨域问题
在毕设开发时,由于用react开发前端,SSM开发后端,在二者需要数据交互的时候,发现二者的端口不一样,会出现喜闻乐见跨域问题,由于react用了devServer(webpack-dev-server),所以可以使用devServerd 的proxy解决。 比如我前端的路径为http://localhost:8888,而后端启动的服务为http://localhost:8080,正...原创 2018-04-29 14:17:17 · 3084 阅读 · 0 评论