Giter Site home page Giter Site logo

Remove node-sass about gobierto HOT 7 CLOSED

Crashillo avatar Crashillo commented on June 11, 2024
Remove node-sass

from gobierto.

Comments (7)

furilo avatar furilo commented on June 11, 2024

Removing webpacker would be an option? https://www.simplethread.com/rails-7-the-end-of-webpacker/ https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b

from gobierto.

ferblape avatar ferblape commented on June 11, 2024

Yeah, that's totally an option! I don't if that's a step too far on the path.

Maybe first we can migrate from node-sass to dart-sass which is the future, and with that we'll be closer to drop Webpacker. Removing webpacker will require to consider the different alternatives. I think the next step is to study https://github.com/rails/jsbundling-rails and understand if it allows us to migrate from Webpacker to esbuild without suffering too much.

from gobierto.

Crashillo avatar Crashillo commented on June 11, 2024

Definitely it's an option, but as @ferblape said, it's too early. On one hand, rails 7 is yet freshly baked and on the other hand we need to pave the way before such breaking change. Step by step, the project must get rid of the outdated stuff, I'd try to migrate to webpacker 6 (because it's the most up-to-date milestone) and finally we'll dismiss webpacker once the previous steps are done.

from gobierto.

ferblape avatar ferblape commented on June 11, 2024

Hey, in the meantime is it possible to upgrade to node-sass 6? It supports the latest versions of node: rails/webpacker#3217

from gobierto.

Crashillo avatar Crashillo commented on June 11, 2024

I didn't have so much idea 'bout that, so I tested:

  • gobierto hadn't a direct dependency to node-sass, it was through @rails/webpacker
  • the release we're using (5.2.1) had node-sass, however, the latest (5.4.3) hadn't
  • the link you pointed, it looks like works for webpacker 4.x branch. Gobierto implements 5.x branch
  • I successfully run the app with node v16
  • let's see if the tests are green and the deploy doesn't break anything.... 🤞

from gobierto.

jorgeatgu avatar jorgeatgu commented on June 11, 2024

With the last upgrade to @rails/webpack 5.4.3 the console throws some deprecation warnings from dart sass

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$size, 2)

Screenshot 2021-11-09 at 17 16 58

from gobierto.

Crashillo avatar Crashillo commented on June 11, 2024

Sass offers this migration tool, to make the changes in an automatic way. BUT, I remember I've played already with it and some things gets broken.

I'll create an issue to update the semantics

from gobierto.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.