Breaking News: Grepper is joining You.com. Read the official announcement!

webpack sass

Add Answer

Lovely Louse answered on May 26, 2022 Popularity 10/10 Helpfulness 4/10

answer webpack sass

related webpack compile sass to css file

webpack sass

Comment

-1

const path = require("path");
let sassRule= {
        test: /\.sass|scss$/i,
        use: ["style-loader", "css-loader", "sass-loader"],
    }
 module.exports = {
  entry: path.resolve(__dirname, "/src/index.js") // import sass file on javascript file
   module: {rules: sassRule}
 }

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript sass webpack

Link to this answer
Share Copy Link

Contributed on Jul 25 2022

Lovely Louse

0 Answers Avg Quality 2/10

Closely Related Answers

webpack compile sass to css file

Comment

-1

const path = require('path');

const FixStyleOnlyEntriesPlugin = require("webpack-fix-style-only-entries");

module.exports = {
  entry: [
    __dirname + '/src/js/app.js',
    __dirname + '/src/scss/app.scss'
  ],
  output: {
    path: path.resolve(__dirname, 'dist'), 
    filename: 'js/app.min.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [],
      }, {
        test: /\.scss$/,
        exclude: /node_modules/,

        type: 'asset/resource',
        generator: {
          filename: 'css/[name].min.css'
        },

        use: [
          'sass-loader'
        ]
      }
    ]
  },
  plugins: [
    new FixStyleOnlyEntriesPlugin({ extensions:['scss'] }),
  ],
};

Popularity 10/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on May 26 2022

Vitalik Hakim

0 Answers Avg Quality 2/10

webpack sass

Contents

More Related Answers

webpack sass

Closely Related Answers

webpack compile sass to css file

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.