随笔分类 -  Webpack

摘要:在 Webpack 配置中,ProvidePlugin 是一个非常有用的插件,它可以自动向模块中注入特定的变量,而无需在每个模块中显式导入这些变量。你提到的配置片段使用了 ProvidePlugin 来注入 Buffer 和 process 对象。下面是对这段代码的详细解释: 代码解析 new we 阅读全文 »
posted @ 2024-11-16 12:19 龙陌 阅读(48) 评论(0) 推荐(0) 编辑
摘要:@electron/remote 包应该放在 dependencies 而不是 devDependencies。 dependencies 和 devDependencies 在 package.json 文件中分别用于指定项目的不同类型的依赖: dependencies: 存放项目在生产环境中运行 阅读全文 »
posted @ 2024-04-16 09:25 龙陌 阅读(126) 评论(0) 推荐(0) 编辑
摘要:在使用Webpack打包TypeScript项目时,如果你想要指定一个不同于默认的tsconfig.json的配置文件,你可以通过TypeScript的编译器选项tsconfig来实现。 以下是一个基本的配置示例,你需要在webpack配置文件中的TypeScript loader中添加这个选项: 阅读全文 »
posted @ 2024-04-08 13:02 龙陌 阅读(155) 评论(0) 推荐(0) 编辑
摘要:这段配置出现在一个 JavaScript 对象中,通常作为 webpack 配置的一部分,具体来说是在 alias 字段内。alias 是 webpack 的一项功能,允许开发者为模块请求(module request)设置别名,以简化模块导入路径,增强代码可读性和维护性。 以下是这段配置的具体解释 阅读全文 »
posted @ 2024-04-05 15:34 龙陌 阅读(28) 评论(0) 推荐(0) 编辑
摘要:这段配置出现在一个软件包的 package.json 文件中,具体是 "sideEffects" 字段。这个字段用于告知打包工具(如 Webpack、Rollup 等)哪些模块或文件可能存在副作用(side effects),以便在进行 Tree Shaking(摇树优化)时做出正确决策。 Tree 阅读全文 »
posted @ 2024-04-01 22:39 龙陌 阅读(91) 评论(0) 推荐(0) 编辑
摘要:https://github.com/wkylin/pro-sale-charge/blob/df7fa93c8673701e6897f18498cab78a7fbb05d7/webpack/webpack.dev.js#L77C1-L92C3 const portfinder = require( 阅读全文 »
posted @ 2024-03-24 11:36 龙陌 阅读(45) 评论(0) 推荐(0) 编辑
摘要:ReactRefreshWebpackPlugin 是一个专门为 React 应用程序提供快速热更新(Fast Refresh / Hot Reloading)的 Webpack 插件。 当你的 React 组件代码发生变化时,它能够自动重新渲染受影响的组件,而不是刷新整个页面,从而显著提升开发效率 阅读全文 »
posted @ 2024-03-24 11:35 龙陌 阅读(342) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示