hyperstack-org/hyperstack

should `extract_css` be true?

Open

#286 创建于 2019年11月23日

在 GitHub 查看
 (2 评论) (0 反应) (0 负责人)JavaScript (531 star) (43 fork)batch import
discussionhelp wantedneeds doc

描述

In config/webpacker.yml the extract_css option is currently false unless in production, but this seems to break importing predefined styles.

Should it be true?

In the meantime if you are trying to include styles from an npm module (i.e. bootstrap) do the following:

  1. create app/javascript/packs/styles.js file and import the style sheets you want.
  2. add <%= style_sheet_pack_tag 'styles' %> to your layout files.
  3. set extract_css: true in config/webpacker.yml

Currently trying to find an answer to why this is all necessary here: https://stackoverflow.com/questions/59009216/how-to-get-webpacker-to-load-css-if-extract-css-is-false

贡献者指南

技术栈
javascriptrubyrailscss
领域
frontendbuild system
议题类型
documentation
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
needs maintainer response
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
RailsWebpackerCSS
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
The issue asks whether `extract css` should default to true in `config/webpacker.yml`. The first step is to understand the purpose of `extract css` in the webpacker configuration and how it affects CSS loading. Check the webpacker documentation and the repository's own configuration for guidance. Also, review any existing discussions or PRs related to this setting. Finally, test the behavior with both `true` and `false` values to see the impact on importing predefined styles from npm modules.