如果extract_css为false，如何让webpacker加载css
如果extract_css为false，Webpacker将不会将CSS提取到单独的文件中，而是将其嵌入到生成的JavaScript文件中。要让Webpacker加载CSS，可以按照以下步骤操作：
- 在Webpacker配置文件中，找到对应的Webpack配置文件（通常是
config/webpacker.yml）。 - 确保
extract_css的值为false，这样CSS将不会被提取。 - 在你的JavaScript文件中，使用
import或require语句导入CSS文件，例如： - 在你的JavaScript文件中，使用
import或require语句导入CSS文件，例如： - 确保你的项目中有一个用于处理CSS的加载器，例如
style-loader和css-loader。你可以通过安装相应的npm包来获取这些加载器： - 确保你的项目中有一个用于处理CSS的加载器，例如
style-loader和css-loader。你可以通过安装相应的npm包来获取这些加载器： - 在Webpack配置文件中，添加相应的加载器规则，例如：
- 在Webpack配置文件中，添加相应的加载器规则，例如：
- 运行Webpack构建命令，例如：
- 运行Webpack构建命令，例如：
- 这将处理你的JavaScript文件，并将CSS嵌入到生成的JavaScript文件中。
这样，当你的应用程序加载时，Webpacker将会自动加载并应用CSS样式。请注意，这种方法适用于开发环境，对于生产环境，建议将CSS提取到单独的文件中以提高性能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
我有以下包文件：import 'bootstrap/dist/css/bootstrap'
除非我在config/webpack.yml中设置了extract_css: true，否则我不知道如何加载这些样式。如果我设置了extract_css: true并在布局中包含了<%= stylesheet_p
浏览 139提问于2019-11-23得票数 1
回答已采纳
根据rails/webpacker文档，extract_css在生产环境中默认为true，在开发中为false。从我的观察来看：
使用extract_css true，webpacker将从application.html.erb中的每个stylesheet_pack_tag发出一个css文件。而且，使用extract_css false，stylesheet_pack_tag返回在js文件中导入的nil &样式
浏览 4提问于2019-01-22得票数 7
回答已采纳
2回答
我将webpacker从(4.0.0.pre.3)升级到(4.0.2)，它似乎不再发出我的CSS。屏幕截图显示了右侧为(4.0.0.pre.3)和(4.0.2)的emit日志。 ? babel/plugin-proposal-class-properties', ['react-css-modules[hash:base64:5]'
浏览 25提问于2019-04-10得票数 1
Rails 6.0 (RC1)在Safari上正确地使用Bootstrap 4.3.1呈现页面，但似乎在Chrome上呈现了两次页面(因此它出现了)，首先不使用引导带CSS信息，然后应用Bootstrappopper.js
浏览 0提问于2019-05-09得票数 3
回答已采纳
在过去的6个月里，我们一直在努力解决在本地开发中加载应用程序页面的问题。我们在控制台日志中获得带有net::ERR_ABORTED 404 (未找到)的空白页。刷新几次后，页面将加载。我们的开发是: Rails 5.0.7.2 + vuejs 2与webpack webpacker@4.2.0。 extract_css: false
<<: *default
c
浏览 4提问于2022-09-04得票数 0
1回答
可能的原因: 1.您希望将编译的webpacker.yml值设置为true，除非您使用的是webpack -w或webpack-dev服务器。2. webpack尚未重新运行以反映最新情况。: public public_output_path: packs cache_path: tmp/cache/webpacker check_yarn_integrity: false webpack_compile_output附加路径webpack应该查找模块#‘app/资产’，‘'eng
浏览 4提问于2020-08-05得票数 2
You have misconfigured Webpacker's config/webpacker.yml file.
4.如果我删除行，网站加载，但动作文本编辑器不工作。install 就像这里描述的那样：Webpacker can't find application，但什么都不起作用 我已经将web packer.yml值设置为true，这是我的config/webpacker.yml# Extract and em
浏览 36提问于2020-03-16得票数 0
我正在尝试将Webpacker集成到我正在开发的Rails 4应用程序中。我已经将gem添加到了Gemfile中，并运行指令来为使用Webpacker和Vue.js做好一切准备。You have misconfigured Webpacker's config/webpacker.yml file. extract_css: false
static_as
浏览 25提问于2019-04-08得票数 7
回答已采纳
rake webpacker:install收到此错误。Webpacker configuration file not found /home/projects/config/webpacker.yml./webpacker.yml
/home/.rvm/gems/ruby-2.3.4/gems/webpacker-3.5.2/lib/webpacker&#
浏览 0提问于2018-05-01得票数 4
现在我无法让引导样式显示句号。当我将以下内容放入application.html.erb中的head标记中时：我不确定这是否是Webpacker的问题，或者是什么原因造成的。如果需要任何其他细节，请告诉我。
浏览 4提问于2021-11-29得票数 0
2回答
我正在开发一个使用Webpacker的React应用程序。我们的生产代码并没有减少，我的任务是确定原因。我在文档中找不到任何关于如何缩小生产代码的内容。check_yarn_integrity: false extract_css: true
static_assets_
浏览 2提问于2020-09-30得票数 1
Rails服务器控制台甚至没有显示Webpacker编译…。线路真的很奇怪。source_entry_path: packs public_output_path: packs
cache_p
浏览 5提问于2019-12-06得票数 13
回答已采纳
我在我的rails应用上遇到了webpacker的问题。/app/public/packs/MANIFENT.JSON中的manifest.json文件中似乎缺少一个application.css。我认为我的manifest.json不准确，我不知道如何让rails生成新的one <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': &#x
浏览 0提问于2021-01-23得票数 2
4回答
当我运行heroku logs时，我会得到以下错误我已经阅读了所有Heroku 6的Webpacker问题，并尝试了所有的建议。什么都没用。我已经把<%= stylesheet_pack_tag %> .没有帮助我在webpacker.yml文件中切换了extract_css: true ..。
浏览 5提问于2020-01-20得票数 8
You have misconfigured Webpacker's config/webpacker.yml file.
4.这是在开发过程中发生的，并且在我加载localhost:3000中的视图时发生。作为一个新的敏捷阅读器，我在3天的时间里一直在尝试修复它，甚至创建新的项目并重新开始，我也遇到了同样的错误。这里描述了这个问题，但没有说明如何修复它: 4.您的webpack配置没有创建清单。 我怀疑我安装的webpacker对于我的配置来说太新了，或者我没有正确安装依赖项。# E
浏览 39提问于2020-12-29得票数 0
回答已采纳
我在docker中有一个容器，里面有Ruby on Rails 6，Webpacker和react-rails，当我重新加载页面时，它的编译时间超过了20秒，所以我想在我的项目中添加热重新加载，但它就是不起作用当我更改代码时，即使我重新加载页面，该页面也不会接收到更改。# Extract and emit a css file - .jpg
-quiet:
浏览 18提问于2021-07-23得票数 0
回答已采纳
如果您是应用程序所有者，请查看日志以获得更多信息。2b93-4d6e-8d02-346cf6c72631] unless you are using theYou have misconfigured Webpacker
浏览 2提问于2020-04-21得票数 1
如何使用webpacker在Rails 5.2应用程序中设置Foundation和JavaScript？以下是我迄今所做的工作：rails new myapp --webpackrails webpacker:install我在中看到了app/javascript/src/application.css文件。我是否只是从那里开始引用其他文件，最终都会被编译/连接在一起？
浏览 0提问于2018-07-04得票数 3
回答已采纳
我正在尝试在我的应用程序上实现ActionText，它已经升级到了Rails 6.0.1。然而，出现的编辑器看起来像这样，不能附加文件。我做错了什么？
浏览 0提问于2019-11-20得票数 4
http://localhost:3001/packs/js/application-f382a9fe03d59bcf5484.js net::ERR_ABORTED 404 (Not Found) 如何解决这个问题data-turbolinks-track': 'reload' %> </head>
<%= yield %></html>
浏览 46提问于2021-08-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
