#javascript #css #webpack #sass #frontend
#язык JavaScript #CSS #веб-пакет #нахальство #внешний интерфейс
Вопрос:
Как я должен импортировать несколько модулей scss в webpack для объединения? Я делаю это:
import "../scss/variables.scss"; import "../scss/main.scss"; import "../scss/header.scss"; но мой последний модуль не видит переменных из первого. Может быть, мне следует импортировать эти модули друг между другом, а затем импортировать в точку входа моего веб-пакета main.scss, которая включает в себя другие модули? Какова наилучшая практика?
Есть такая ошибка:
ERROR in ./src/scss/header.scss (./src/scss/header.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/header.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Undefined variable. ╷ 5 │ background-color: $second-bgcolor; │ ^^^^^^^^^^^^^^^ ╵ srcscssheader.scss 5:23 root stylesheet @ ./src/scss/header.scss @ ./src/js/index.js 3:0-29