https://github.com/esausilva/netcore-sass-webpack

Compile Sass files in Visual Studio and Webpack
https://github.com/esausilva/netcore-sass-webpack

dotnet dotnet-core dotnetcore netcore sass visual-studio visualstudio webpack

Last synced: 11 months ago
JSON representation

Compile Sass files in Visual Studio and Webpack

• Host: GitHub
• URL: https://github.com/esausilva/netcore-sass-webpack
• Owner: esausilva
• License: mit
• Created: 2018-08-29T14:42:56.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-02T06:29:04.000Z (over 3 years ago)
• Last Synced: 2025-04-14T12:53:27.676Z (about 1 year ago)
• Topics: dotnet, dotnet-core, dotnetcore, netcore, sass, visual-studio, visualstudio, webpack
• Language: HTML
• Homepage: https://esausilva.com/2018/08/30/compile-sass-files-visual-studio-webpack/
• Size: 2.75 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Compile Sass Files in Visual Studio and Webpack

.NET Core MVC base project with support for Sass using Webpack that includes minification and autoprefixing CSS for production.

Although this is a Core app, the same principles apply to a ASP.NET MVC app. You would just need to modify the Webpack configuration a little bit to output the CSS file to the `Content` directory.

## Prerequisites

You will need to have Node and NPM installed. You will also need [NPM Task Runner](https://marketplace.visualstudio.com/items?itemName=MadsKristensen.NPMTaskRunner).

## Usage

Open **_Command Prompt_**, clone this repo and cd into the project to install JavaScript dependencies

```

git clone https://github.com/esausilva/netcore-sass-webpack.git

cd netcore-sass-webpack\netcore-sass-webpack

npm i

```

After installing dependencies, double click `netcore-sass-webpack.sln` to open the project in Visual Studio.

## Tutorial

Follow the tutorial: [https://esausilva.com/2018/08/30/compile-sass-files-visual-studio-webpack/](https://esausilva.com/2018/08/30/compile-sass-files-visual-studio-webpack/)

## Giving Back

If you would like to support my work and the time I put into making tutorials, consider getting me a coffee by clicking on the image below. I would really appreciate it!

[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/black_img.png)](https://www.buymeacoffee.com/esausilva)

-Esau