![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 81
CamilleZJ
前端工程师,致力于全栈工程师
展开
-
webpack中hash、chunkhash、contenthash区别
webpack中hash、chunkhash、contenthash区别原创 2023-02-08 21:26:23 · 539 阅读 · 0 评论 -
css-loader、style-loader、sass-loader作用
css处理loader原创 2022-06-12 22:12:17 · 4262 阅读 · 0 评论 -
深入了解Webpack---Bundler 源码编写
通过自己编写打包代码,可以更好的了解打包的流程记以及webpack打包原理。案例:实现一个类似于webpack的打包工具,也是基于nodejs。目录结构://word.js:export const word = "hello"; //message.js:import { world } from "./word.js"; //要去实现类似于webpack的打包工具,即还没有webpack的功能,因此必须写全引用export const message = `say ${wo原创 2021-05-25 17:14:41 · 218 阅读 · 0 评论 -
深入了解Webpack---编写plugin
webpack plugin能够钩入(hook)到在每个编译(compilation)中触发的所有关键事件。在编译的每一步,插件都具备完全访问compiler对象的能力。使用阶段式的构建回调,开发者可以引入它们自己的行为到 webpack 构建流程中。官方文档:https://webpack.docschina.org/contribute/writing-a-plugin/ https://webpack.docschina.org/api/plugins/插件构成:一个 Ja...原创 2021-05-25 14:55:20 · 501 阅读 · 0 评论 -
深入了解Webpack---编写loader
Webpack 的整体架构、打包思路、loader 实现思路、plugin 实现思路、parser 运行流程等都讲到了。https://xiedaimala.com/courses/32694a1c-6f3b-4e3a-b36d-e55a6c1d74a6/random/c930a7592b#/common高级前端面试中经常有这么几道题:说一说 loader和 plugin 的区别 webpack 构建流程是怎样的 编写 webpack loader 的思路 编写 webpack plugin.原创 2021-05-25 12:17:22 · 479 阅读 · 6 评论 -
typescript项目 import 图片报错问题
webpack+typescript项目中如下引入图片会报错:import appointment from "/imgs/KingLeague/appointment-btn.png";import gameInfo from "/imgs/KingLeague/game-info.png";解决:添加图片模块声明文件如下声明文件images.d.ts:declare module '*.svg'declare module '*.png'declare module '*.jp原创 2020-09-05 14:01:41 · 2555 阅读 · 0 评论 -
webpack打包自动移除老式样式
[产生原因]: autoprefixer自动移除老式过时的代码[关于autoprefixer]:https://www.npmjs.com/package/autoprefixer[解决]方法一:添加注释关闭autoprefixer,但是若果有清除注释的插件,请将该插件设为false,否则不生效/* autoprefixer: off */-webkit-box-orie...转载 2020-04-21 17:01:21 · 344 阅读 · 0 评论 -
React性能优化小贴士
平常在完成业务功能开发后,不知道你是否还会精益求精,做一些性能优化方面的工作呢?React框架中有一些性能优化相关的注意事项,如果平常不怎么关注的话,可能就很容易忽略掉。接下来的这篇文章,将围绕工作中会用到的几种性能优化的相关经验进行介绍。Key在渲染列表结构数据的时候,使用key可以说已经成为React开发中的最佳实践了。那么你知道为什么我们要使用key吗?原因是使用key能够让组件保持...转载 2019-11-07 18:24:47 · 288 阅读 · 0 评论 -
html-webpack-plugin多页面,无法将optimization.splitChunks提取的公共块打包到页面中
html-webpack-plugin在多页面时,无法将optimization.splitChunks提取的公共块,打包到页面中 entry: { main: "./src/jsCons/Double11/index.js", rule: "./src/jsCons/Double11/rule.js" }, new htmlWebpackPlugin({ ...原创 2019-11-07 16:56:12 · 1525 阅读 · 1 评论 -
webpack 创建与发布 library
除了打包应用程序,webpack 还可以用于打包 JavaScript library。https://webpack.docschina.org/guides/author-libraries/https://webpack.docschina.org/configuration/output#output-librarytarget1)创建案例:mkdir library...原创 2019-08-02 16:35:42 · 592 阅读 · 0 评论