Rails 7链轮.rails，不重新生成application.css

Question

编辑：./app/assets/builds/application.css是纱线的产品吗？因为如果是的话，我需要重新考虑这个问题。我正在调查。

从Rails 6升级到7并与

gem "jsbundling-rails" 
gem "sprockets-rails" 
gem "turbo-rails"

我在css资产管道上遇到了麻烦。当我更改./app/assets/builds/application.css时，./app/assets/stylesheets/application.scss不会更新

我认为我有问题的传单格式，并试图整理css的传单。问题可能在于引导，但我不这么认为。

我试图切换不同的.scss文件。

// app/assets/stylesheets/application.scss
@import 'leaflet'; // node_module 
// files in app/assets/stylesheets/
@import 'custom';
@import 'static_pages';
@import 'streets';
@import 'leaflet.timeline';
@import 'leaflet.OpacityControls'; 

@import…是多余的吗？换句话说，它们是自动添加的。我就是这么理解的。如果它是自动的，那么我将不得不删除.scss文件来切换？

package.json

    {
      "license": "ISC",
      "main": "application.js",
      "dependencies": {
        "@babel/core": "^7.10.3",
        "@fortawesome/fontawesome-free": "^5.13.1",
        "@hotwired/stimulus": "^3.1.0",
        "@hotwired/turbo-rails": "^7.1.3",
        "@popperjs/core": "^2.11.6",
        "@rails/activestorage": "^7.0.3.1",
        "@rails/ujs": "^7.0.3.1",
        "bootstrap": "^4.5.0",
        "bootstrap-icons": "^1.9.1",
        "browserify": "^17.0.0",
        "core-js": "^3.6.5",
        "esbuild": "^0.15.7",
        "jquery": "^3.6.1",
        "jquery-ui": "^1.13.2",
        "leaflet": "^1.6.0",
        "leaflet-bing-layer": "^3.3.1",
        "leaflet-draw": "^1.0.4",
        "leaflet.control.opacity": "^1.6.0",
        "leaflet.timeline": "^1.4.3",
        "popper.js": "^1.16.1",
        "regenerator-runtime": "^0.13.5",
        "sass-loader": "^10.1.1",
        "turbolinks": "^5.2.0",
        "turf": "^3.0.14",
        "webpack": "^4.43.0"
      },
      "devDependencies": {
        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
        "webpack-bundle-analyzer": "^3.8.0"
      },
      "scripts": {
        "webpack:analyze": "yarn webpack:build_json && yarn webpack:analyze_json",
        "webpack:build_json": "RAILS_ENV=${RAILS_ENV:-production} NODE_ENV=${NODE_ENV:-production} bin/webpack --profile --json > tmp/webpack-stats.json",
        "webpack:analyze_json": "webpack-bundle-analyzer tmp/webpack-stats.json public/packs",
        "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets",
        "build:css": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
      }
    }

Answer 1

是@import…吗？多余？换句话说，它们是自动添加的吗？不，您需要显式地添加它们。

/app/assets/builds/application.css.app是纱线的产品吗？一定是这样。

我用一个新的Rails 7应用程序解决了这个问题，这样就不会有任何以前版本的Rails的包袱了。

因此，现在我可以继续解决我的传单css问题。