वेबपैक 4 के साथ एसएएस लोडर का उपयोग कैसे करें? मैंने इसके बारे में बहुत कुछ पढ़ा है और अधिकांश साइटों ने ExtractTextPlugin का उपयोग करने की सिफारिश की है, लेकिन ExtractTextPlugin वेबपैक 4 के साथ काम नहीं करता है।

मैंने निम्नलिखित webpack.config.js लिखा है:

const path = require('path');
const ClosureCompilerPlugin = require('webpack-closure-compiler');


module.exports = {
    module: {
        rules: [
            {
             test: /\.scss$/,
             use: [{
                 loader: "style-loader"
             }, {
                 loader: "css-loader"
             }, {
                 loader: "sass-loader"
             }]
            }
        ]
    },
    plugins: [
        new ClosureCompilerPlugin({
            compiler: {
                language_in: 'ECMASCRIPT6',
                language_out: 'ECMASCRIPT3',
                compilation_level: 'ADVANCED'
            },
            concurrency: 3,
        })
    ]
};

आउटपुट .js फ़ाइल अच्छी तरह से काम करती है, लेकिन मेरी .scss ने css को संकलित नहीं किया। मैं प्रवेश बिंदु जोड़ने की कोशिश कर रहा हूँ:

entry: {
    stylesheet: path.resolve('src', 'scss/styles.scss'),
    main: path.resolve('src', 'index.js')
}

और इसके बाद मेरी Styles.scss, stylesheet.js पर कंपाइल हो जाती है, लेकिन मैं .css के लिए नहीं।

12
Jonhy Beebop 3 अप्रैल 2018, 17:12

2 जवाब

सबसे बढ़िया उत्तर

webpack 4 अभी तक स्टैंडअलोन *.css फ़ाइल को अपने आप आउटपुट करने में सक्षम नहीं है। एक अलग *.css फ़ाइल प्राप्त करने के लिए, आपको extract-text-webpack-plugin सभी CSS को अपने स्वयं के प्रवेश खंड में निकालने के लिए। यह एक अच्छा ट्यूटोरियल है।

10
Huy Nguyen 3 अप्रैल 2018, 14:29

बीटा webpack@4.13.0 के साथ अच्छा काम करता है

npm install extract-text-webpack-plugin@next

0
Tomek 29 जून 2018, 00:19