随笔分类 - Webpack
摘要：vue-cli 使用webpack5 编译后生产环境 link 标签插入的样式顺序是由什么决定的？ 在 Vue CLI 项目中使用 Webpack 5 编译后，生产环境中 <link> 标签插入样式的顺序主要由几个因素决定： 1. 样式文件的引入顺序 在 .vue 文件或 JavaScript/JS
阅读全文
摘要：vue-cli项目中什么会影响打包前后的style样式的加载顺序 在 Vue CLI 项目中，打包前后样式的加载顺序可能会受到多个因素的影响。了解这些因素有助于你更好地控制项目的样式加载顺序，从而避免样式覆盖等问题。以下是几个主要影响样式加载顺序的因素： 1. 样式文件的引入顺序 入口文件中的顺序：
阅读全文
摘要：在使用 Vue CLI 创建的项目中，webpack.config.js 文件通常是隐藏的，因为 Vue CLI 使用了内部默认的 Webpack 配置。然而，你可以通过以下方法查看或自定义生成的 Webpack 配置。 1. 使用 vue inspect 命令 Vue CLI 提供了一个内置的命令
阅读全文
摘要：config.optimization.splitChunks({ cacheGroups: { default: false } }); 这个配置的作用是什么 config.optimization.splitChunks 是 Webpack 的一个配置选项，用于控制代码分割（code split
阅读全文
摘要：在 Webpack 配置中，ProvidePlugin 是一个非常有用的插件，它可以自动向模块中注入特定的变量，而无需在每个模块中显式导入这些变量。你提到的配置片段使用了 ProvidePlugin 来注入 Buffer 和 process 对象。下面是对这段代码的详细解释： 代码解析 new we
阅读全文
摘要：@electron/remote 包应该放在 dependencies 而不是 devDependencies。 dependencies 和 devDependencies 在 package.json 文件中分别用于指定项目的不同类型的依赖： dependencies: 存放项目在生产环境中运行
阅读全文
摘要：在使用Webpack打包TypeScript项目时，如果你想要指定一个不同于默认的tsconfig.json的配置文件，你可以通过TypeScript的编译器选项tsconfig来实现。 以下是一个基本的配置示例，你需要在webpack配置文件中的TypeScript loader中添加这个选项：
阅读全文
摘要：这段配置出现在一个 JavaScript 对象中，通常作为 webpack 配置的一部分，具体来说是在 alias 字段内。alias 是 webpack 的一项功能，允许开发者为模块请求（module request）设置别名，以简化模块导入路径，增强代码可读性和维护性。 以下是这段配置的具体解释
阅读全文
摘要：这段配置出现在一个软件包的 package.json 文件中，具体是 "sideEffects" 字段。这个字段用于告知打包工具（如 Webpack、Rollup 等）哪些模块或文件可能存在副作用（side effects），以便在进行 Tree Shaking（摇树优化）时做出正确决策。 Tree
阅读全文
摘要：https://github.com/wkylin/pro-sale-charge/blob/df7fa93c8673701e6897f18498cab78a7fbb05d7/webpack/webpack.dev.js#L77C1-L92C3 const portfinder = require(
阅读全文
摘要：ReactRefreshWebpackPlugin 是一个专门为 React 应用程序提供快速热更新（Fast Refresh / Hot Reloading）的 Webpack 插件。 当你的 React 组件代码发生变化时，它能够自动重新渲染受影响的组件，而不是刷新整个页面，从而显著提升开发效率
阅读全文
浙公网安备 33010602011771号