Как скомпилировать style.sass в style.css и сохранить отступ - PullRequest
Новая
       76

Как скомпилировать style.sass в style.css и сохранить отступ

0 голосов
/ 24 сентября 2019

Я начинаю с веб-пакета сделать тему Wordpress.Я хотел бы скомпилировать sass-файлы в css-файлы.

Цель - скомпилировать style.sass в style.css без минимизации и сохранения стандартного заголовка комментария.

webpack.config.js 

const path = require('path');

// include the css extraction and minification plugins
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
//const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");

module.exports = {
    entry: './dev/my-theme/style.sass',
    output: {
        path: path.resolve(__dirname, 'dist/'),
    },
    module: {
        rules: [
            // compile all .scss files to plain old css
            {
                test: /style.sass$/,
                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
            }
        ]
    },
    plugins: [
        // extract css into dedicated file
        new MiniCssExtractPlugin({
            filename: './my-theme/style.css'
        })
    ]/*,
    optimization: {
        minimizer: [
            // enable the css minification plugin
            new OptimizeCSSAssetsPlugin({})
        ]
    }*/
};

style.sass 

/*!
/*! Theme Name: My Theme
/*! Author: Robinson
/*! Author URI: https://robinson.org
/*!

style.css 

/*! *//*! Theme Name: My Theme *//*! Author: Robinson *//*! Author URI: https://robinson.org *//*! */

вместо ... 

/*
Theme Name: My Theme
Author: Robinson
Author URI: https://robinson.org
*/

Как я могу это сделать?

1 Ответ

0 голосов
/ 24 сентября 2019

Лучший способ, который я нашел, это изменить style.sass следующим образом: 

/*!
 Theme Name: My Theme
 Author: Robinson
 Author URI: https://robinson.org
...