webpack - web秀

#webpack#

共找到 webpack 相关内容 20 条

webpack打包vue速度太慢怎么办？

1年前

962 0 0

[webpack]如何减少Webpack的打包体积？

1月前

21 0 0

[软技能]请说说webpack的模块加载原理

24天前

18 0 0

[软技能] 请说说webpack的热更新原理

22天前

14 0 0

[webpack]谈谈你对组件库的打包的理解

20天前

15 0 0

1年前

与webpack类似的工具还有哪些？区别？

与webpack类似的工具还有哪些？区别？

面试官：与webpack类似的工具还有哪些？区别？一、模块化工具模块化是一种处理复杂系统分解为更好的可管理模块的方式可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle)在前端领域中，并非只有webpack这一款优秀的模块打包工具，还有其他类似的工具，例如Rollup、Parcel、snowpack，以及最近风头无两的Vite通过这些模块打包工具，能够提高我们的开发效率，减少开发成本这里没有提及gulp、grunt是因为它们只是定义为构建工具

348 1 0

3年前

Webpack require.context() 前端工程化之动态导入文件

Webpack require.context() 前端工程化之动态导入文件

前言随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。比如vue项目vuex文件非常多：importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/user';importinfofrom'./stores/info';...//此处省略N多文件exportdefaultnewVuex.Store({modules:{user,info

9044 439 0

3年前

webpack 打包编译有些CSS样式莫名消失？

webpack 打包编译有些CSS样式莫名消失？

相信很多小伙伴已经遇到过了，在使用webpack构建项目（npmrunbuild），部署项目后，会发现有些CSS样式丢失了，比如：.content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}这里用了CSS多行超出省略号，build后，发现并没有用编译后的代码overflow:hidden;text-overflow:ellipsis

10485 0 0

1年前

说说你对webpack的理解？解决了什么问题？

说说你对webpack的理解？解决了什么问题？

一、背景Webpack最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源模块化最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后调用模块化的成员<scriptsrc="module-a.js"></script><scriptsrc="module-b.js"></script>

174 0 0

1年前

说说webpack的构建流程?

说说webpack的构建流程?

一、运行流程webpack的运行流程是一个串行的过程，它的工作流程就是将各个插件串联起来在运行过程中会广播事件，插件只需要监听它所关心的事件，就能加入到这条webpack机制中，去改变webpack的运作，使得整个系统扩展性良好从启动到结束会依次执行以下三大步骤：初始化流程：从配置文件和Shell语句中读取与合并参数，并初始化需要使用的插件和配置插件等执行环境所需要的参数编译构建流程：从Entry发出，针对每个Module串行调用对应的Loader去翻译文件内容，再找到该Module依赖的Module，递

345 0 0

下拉加载更多