sass-loader

(★ 3,892)

Compiles Sass to CSS

파일 탐색기

최종 버전 다운로드 (.zip)

- changelog-generator.js
- config.json
- README.md
- - dependency-review.yml
  - nodejs.yml
  - release.yml
- pre-commit
- index.js
- options.json
- utils.js
- - additionalData-option.test.js.snap
  - implementation-option.test.js.snap
  - loader.test.js.snap
  - sassOptions-option.test.js.snap
  - sourceMap-options.test.js.snap
  - validate-options.test.js.snap
  - warnRuleAsWarning.test.js.snap
  - webpackImporter-options.test.js.snap
- - close.js
  - compiler.js
  - customFunctions.js
  - getCodeFromBundle.js
  - getCodeFromSass.js
  - getCompiler.js
  - getErrors.js
  - getImplementationByName.js
  - getImplementationsAndAPI.js
  - getTestId.js
  - getWarnings.js
  - index.js
  - normalizeErrors.js
  - readAsset.js
  - testLoader.cjs
- - __file.sass
  - _ambiguous.sass
  - _example-2.sass
  - _example-3.SASS
  - _foundation-sites-adjusting-css-output-settings.sass
  - _underscore-file-1.sass
  - _underscore-file-2.scss
  - _underscore-file-3.css
  - _underscore-file.sass
  - _word-1.scss
  - _word-2.css
  - _word.sass
  - ambiguous.sass
  - bootstrap-custom-import.sass
  - bootstrap-package-v4.sass
  - bootstrap-package-v5.sass
  - bootstrap-sass-package.sass
  - bootstrap-sass.sass
  - bootstrap-v4.sass
  - bootstrap-v5.sass
  - broken.sass
  - by-dependency.sass
  - charset-utf-8.sass
  - custom-functions-modern.sass
  - custom-functions.sass
  - custom-importer.sass
  - deprecation.sass
  - empty.sass
  - env-and-paths.sass
  - error-file-not-found-2.sass
  - error-file-not-found-use-2.sass
  - error-file-not-found-use.sass
  - error-file-not-found.sass
  - error-import.sass
  - error-use.sass
  - error.sass
  - example-1.SASS
  - example.sass
  - file.css
  - foundation-sites-adjusting-css-output.sass
  - foundation-sites.sass
  - glob-importer.sass
  - import-_index.sass
  - import-absolute-path-windows.sass
  - import-absolute-path.sass
  - import-alias.sass
  - import-ambiguous.sass
  - import-circular.sass
  - import-css.sass
  - import-custom-sass-field.sass
  - import-file-scheme.sass
  - import-from-npm-org-pkg.sass
  - import-include-paths.sass
  - import-index-import-from-package.sass
  - import-index-import.sass
  - import-index.sass
  - import-main-field.sass
  - import-material-components-web.sass
  - import-other-style.sass
  - import-package-with-exports-and-custom-condition.sass
  - import-package-with-exports.sass
  - import-package-with-js-and-css-main-files.sass
  - import-pkg-internal-relative.sass
  - import-prefer-main-files-over-main-fields.sass
  - import-prefer-main-files-with-extension.sass
  - import-sass-field.sass
  - import-style-field.sass
  - import-underscore-file.sass
  - import-with-extension.sass
  - import-with-underscore.sass
  - import-without-extension-and-underscore.sass
  - import-without-quotes.sass
  - imports.sass
  - language-source-maps.sass
  - language.sass
  - logging.sass
  - modern-vars.sass
  - modern.sass
  - multiple-imports.sass
  - non-ascii-characters.sass
  - package-with-package.sass
  - package-with-same-import.sass
  - prefer-include-paths.sass
  - prepending-data.sass
  - process-cwd-with-index-file-inside-directory.sass
  - process-cwd.sass
  - sass_path-env.sass
  - simple.sass
  - slash-div.sass
  - use-_index.sass
  - use-alias.sass
  - use-bootstrap-package-v4.sass
  - use-bootstrap-package-v5.sass
  - use-bootstrap-sass-package.sass
  - use-bootstrap-sass.sass
  - use-bootstrap-v4.sass
  - use-bootstrap-v5.sass
  - use-circular.sass
  - use-custom-sass-field.sass
  - use-dir-with-css.sass
  - use-from-npm-org-pkg.sass
  - use-index-import.sass
  - use-index.sass
  - use-main-field.sass
  - use-material-components-web.sass
  - use-other-style.sass
  - use-pkg-internal-relative.sass
  - use-pkg.sass
  - use-sass-field.sass
  - use-style-field.sass
  - use-with-extension.sass
  - use-with-underscore.sass
  - use-without-extension-and-underscore.sass
  - uses.sass
  - util.sass
  - webpack-export-field.sass
  - word-3.sass
  - word-4.scss
  - word-5.css
- - __file.scss
  - _ambiguous.scss
  - _example-2.scss
  - _example-3.SCSS
  - _foundation-sites-adjusting-css-output-settings.scss
  - _underscore-file-1.scss
  - _underscore-file-2.sass
  - _underscore-file-3.css
  - _underscore-file.scss
  - _word-1.sass
  - _word-2.css
  - _word.scss
  - ambiguous.scss
  - bootstrap-custom-import.scss
  - bootstrap-package-v4.scss
  - bootstrap-package-v5.scss
  - bootstrap-sass-package.scss
  - bootstrap-sass.scss
  - bootstrap-v4.scss
  - bootstrap-v5.scss
  - by-dependency.scss
  - charset-utf-8.scss
  - custom-functions-modern.scss
  - custom-functions.scss
  - custom-importer.scss
  - deprecation.scss
  - empty.scss
  - env-and-paths.scss
  - error-file-not-found-2.scss
  - error-file-not-found-use-2.scss
  - error-file-not-found-use.scss
  - error-file-not-found.scss
  - error-import.scss
  - error-use.scss
  - error.scss
  - example-1.SCSS
  - example.scss
  - file.css
  - foundation-sites-adjusting-css-output.scss
  - foundation-sites.scss
  - glob-importer.scss
  - import-_index.scss
  - import-absolute-path-windows.scss
  - import-absolute-path.scss
  - import-alias.scss
  - import-ambiguous.scss
  - import-circular.scss
  - import-css.scss
  - import-custom-sass-field.scss
  - import-file-scheme.scss
  - import-from-npm-org-pkg.scss
  - import-include-paths.scss
  - import-index-import-from-package.scss
  - import-index-import.scss
  - import-index.scss
  - import-main-field.scss
  - import-material-components-web.scss
  - import-other-style.scss
  - import-package-with-exports-and-custom-condition.scss
  - import-package-with-exports.scss
  - import-package-with-js-and-css-main-files.scss
  - import-pkg-internal-relative.scss
  - import-prefer-main-files-over-main-fields.scss
  - import-prefer-main-files-with-extension.scss
  - import-sass-field.scss
  - import-style-field.scss
  - import-underscore-file.scss
  - import-with-extension.scss
  - import-with-underscore.scss
  - import-without-extension-and-underscore.scss
  - imports.scss
  - language-source-maps.scss
  - language.scss
  - logging.scss
  - modern-vars.scss
  - modern.scss
  - multiple-imports.scss
  - non-ascii-characters.scss
  - package-with-package.scss
  - package-with-same-import.scss
  - prefer-include-paths.scss
  - prepending-data.scss
  - process-cwd-with-index-file-inside-directory.scss
  - process-cwd.scss
  - sass_path-env.scss
  - simple.scss
  - slash-div.scss
  - use-_index.scss
  - use-alias.scss
  - use-bootstrap-package-v4.scss
  - use-bootstrap-package-v5.scss
  - use-bootstrap-sass-package.scss
  - use-bootstrap-sass.scss
  - use-bootstrap-v4.scss
  - use-bootstrap-v5.scss
  - use-circular.scss
  - use-custom-sass-field.scss
  - use-dir-with-css.scss
  - use-from-npm-org-pkg.scss
  - use-index-import.scss
  - use-index.scss
  - use-main-field.scss
  - use-material-components-web.scss
  - use-other-style.scss
  - use-pkg-internal-relative.scss
  - use-pkg.scss
  - use-sass-field.scss
  - use-style-field.scss
  - use-with-extension.scss
  - use-with-underscore.scss
  - use-without-extension-and-underscore.scss
  - uses.scss
  - util.scss
  - webpack-export-field.scss
  - word-3.scss
  - word-4.sass
  - word-5.css
- additionalData-option.test.js
- cjs.test.js
- implementation-option.test.js
- loader.test.js
- resolver.test.js
- sassOptions-option.test.js
- setup-snapshots.js
- sourceMap-options.test.js
- validate-options.test.js
- warnRuleAsWarning.test.js
- webpackImporter-options.test.js
- index.d.ts
- utils.d.ts
.cspell.json
.editorconfig
.gitattributes
.gitignore
.prettierignore
babel.config.js
CHANGELOG.md
eslint.config.js
LICENSE
lint-staged.config.js
package-lock.json
package.json
README.md
tsconfig.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/webpack/sass-loader

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd sass-loader

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install sass-loader sass webpack --save-dev

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

yarn add -D sass-loader sass webpack

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm add -D sass-loader sass webpack

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

sass-loader

파일 탐색기

# 설치 가이드

2. Node.js

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

sass-loader

파일 탐색기

# 설치 가이드

2. Node.js

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README