四时宝库

程序员的知识宝库

带有风格的编码——CSS Module(好的编码风格)

CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展,CSS 被远远甩在了后面,逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。

CSS 模块化的解决方案主要有两类。一类是彻底抛弃 CSS,使用 JS 或 JSON 来写样式。Radium,jsxstyle,react-style 属于这一类。优点是能给 CSS 提供 JS 同样强大的模块化能力;缺点是不能利用成熟的 CSS 预处理器(或后处理器) Sass/Less/PostCSS,`:hover和 `:active` 伪类处理起来复杂。另一类是依旧使用 CSS,但使用 JS 来管理样式依赖,代表是 CSS Modules。CSS Modules 能最大化地结合现有 CSS 生态和 JS 模块化能力,API 简洁到几乎零学习成本。发布时依旧编译出单独的 JS 和 CSS。它并不依赖于 React,只要使用 Webpack,可以在 Vue/Angular/jQuery 中使用。

用微前端的方式搭建类单页应用(微前端实现方案)

前言

微前端由ThoughtWorks 2016年提出,将后端微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

美团已经是一家拥有几万人规模的大型互联网公司,提升整体效率至关重要,这需要很多内部和外部的管理系统来支撑。由于这些系统之间存在大量的连通和交互诉求,因此我们希望能够按照用户和使用场景将这些系统汇总成一个或者几个综合的系统。

基于ES6,使用React、Webpack、Babel构建模块化JavaScript应用

【编者按】本文为《Building modular javascript applications in ES6 with React, Webpack and Babel》的简译内容,讲述了作者基于ES6,使用React、Webpack、Babel构建模块化JavaScript应用的编程心得。

如果你想用React构建一个新的JavaScript应用,而且你还想实践ES6语法中的新特性,此外,你甚至想创建一些可重用组件并发布到NPM上,那么你究竟应该怎样实现这些需求?你如何将ES6代码发布到NPM,又如何在后续的项目中使用这些代码?我花了一些时间解决上面这些问题,现在我愿意与你们分享我习得的新知识。

简单锋利-Loaders(简单锋利的飞镖。怎么做?塑料)

上一篇讲了怎么搭建一个本地服务,这一节我们会从开启本地服务开始讲解。

上上篇在讲Webpack与其它打包工具时,我说了,使用Webpack一定要有模块的概念,Webpack它将所有的文件都当做模块来处理,不管是JS还是CSS及图片资源等,Webpack是如何做到识其为模块的了?那就是从今天开始要说的Loaders。

安装css-loader报错“Fix the upstream dependency conflict”怎么办

用npm安装css-loader报错:

55 error Fix the upstream dependency conflict, or retry
55 error this command with --force, or --legacy-peer-deps

Vue进阶(五十一):webpack.base.conf详解

此配置文件是vue

32、Vue-loader 是什么?使用它的用途有哪些?(必会)

vue-loader 会解析文件,提取出每个语言块,如果有必要会通过其他 loader 处理,最后将他们组装成一个 commonjs 模块;module.exports 出一个 vue.js 组件对象

? Webpack 写一个 markdown loader

前段时间在公司内部写了个 UI 组件库,需要有组件说明文档。我们的组件文档一般都是用 md 文件书写,然后渲染成页面展示。我们首先基于 vue-cli 脚手架生成前端项目配置,然后我们通过 webpack 配置 loader 的方式加载我们的扩展。

PostCSS——css必备(常用css)

postcss越来越重要了,经常可以看到它的身影,比如面试,论坛。本篇文章是小编参考多方资料以及官网总结出来的,不喜勿喷,喜欢多多支持,谢谢!

另外 React Redux ES6 Webpack...... 更多干货在个人主页中查看

什么是postcss

Webpack 优化技巧,构建效率提升 50%


在本文中,谷歌开发者专家 Jennifer Bland 介绍了如何应用 Webpack 减少 Vue.js 包大小的技巧,希望能给大家带来一些启发。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接