Свернуть и объединить SASS в минимизированный css файл с помощью Webpack? - PullRequest
Новая
       66

Свернуть и объединить SASS в минимизированный css файл с помощью Webpack?

0 голосов
/ 22 апреля 2020

Очень, очень плохо знаком с веб-пакетом, но я пытаюсь настроить его так, чтобы он переводил мою машинопись и мой sass-код, минимизировал и связывал каждый в один файл. Я следовал этому уроку , но в итоге он не сработал.

Я получил его, чтобы перевести машинопись на js и минимизировать ее, но не нахальство. Он скомпилирует sass в css, но мне нужно, чтобы он был минимизирован, а этого не происходит.

Я создаю приложение ASP. NET в visual studio. Мой файл webpack.config. js выглядит так: 

const path = require('path');
module.exports = {
    entry:'./wwwroot/scripts/site.ts',
    output: {
        path: path.resolve(__dirname, 'wwwroot/js'),
        filename: 'site.bundle.js'
    },
    module:{
        rules: [{
            test: /\.tsx?$/,
            use: 'ts-loader',
            exclude: /node_modules/,
        }]
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js']
    },
    optimization: {
        minimizer: [new UglifyJsPlugin()]],
    }
}

module.exports = {
    entry:'./wwwroot/sass/site.scss',
    output: {
        path: path.resolve(__dirname, 'wwwroot/css'),
        filename: 'site.bundle.css'
    },
    module:{
        rules: [{
            test: /\.scss$/,
            use: ['style-loader', 'css-laoder', 'sass-laoder']
        }]
    }
    resolve: {
        extensions: ['.css']
    }
}
...