前端模块化_讨论帖

m0_55136818 2023-06-17 20:21:57

模块化是把程序拆分成一个个小的结构，在这些结构中，它有自己的作用域和逻辑代码，里面定义的变量不会影响其他结构，它可以将自己希望暴露的变量、函数或对象等导出给其他结构使用，也可以将其他结构中的变量、函数或对象等导入到本结构中来使用

...全文

4 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css，图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0。 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 Webpack已经是大部分前端项目打包工具的首选，比如最热门前端框架之一React，用它开发的项目都是用webpack进行模块化管理和打包。

这个帖子是为了和csdn的广大开发者进行讨论，大家可以把前端相关问题发到评论区进行讨论。

本期我们来聊一聊前端页面模块化，模块化也是《前端架构需要解决的问题》中最后一个还没介绍的问题，也是前端架构问题中最为复杂的问题。模块化的目的，是为了降低整体项目的工作量也就是说页面中的部分内容是可以复用的。模块化虽然看起来很美好，但用不好的话，反而会变成累赘。而且，现在的模块化方案其实还有很大的改进空间。我们讨论以下几个问题 1、模块化的原则是什么 2、现有的模块化方案 3、现今模块化的困境与我们的解决方案 1、模块化原则首先，我们先讨论模块化的原则，模块...

前言：最近一直在做性能优化和模块化改造的工作，并完成了一次前端重构。在这里总结出一些经验和得失来帮助大家思考。共两篇文章，第一篇讨论性能优化，第二篇讨论模块化框架。而之所以把这两个话题放到一起，是因为这两项工作都涉及到对前端代码进行不同程度的重构，而且模块化改造其实是我们在对性能优化做到一定程度之后发现必须要做的一件事情。本篇是性能优化的部分，下面我把我们...

授课特色：由浅入深，情景教学、案例教学作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css，图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0。 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 Webpack已经是大部分前端项目打包工具，比如最热门前端框架之一React，用它开发的项目都是用webpack进行模块化管理和打包。1、webpack工具的安装2、服务安装与启动3、html打包3，布局图片打包4、内容图片打包5、ES6打包 webpack-热门的模块加载器兼打包工具webpack介绍webpack作用browerify和webpack的区别webpack的安装webpack编译第一个例子loader加载其他类型文件webpack.config.js用其他名字的配置文件生产环境编译开发环境编译监听文件变化生成source-mapbabel配置babelrc文件的作用webpack-dev-server端口号更改热重载、实时刷新

前端模块化

2

社区成员

7

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章