Как я могу импортировать CSS из модуля узла? - PullRequest
Новая
       81

Как я могу импортировать CSS из модуля узла?

0 голосов
/ 02 июля 2019

Я использую CLI ZURB Foundation и не могу понять, как импортировать файлы css / scss из папок узлов-модулей.

1 Ответ

0 голосов
/ 02 июля 2019

Ниже мой конфиг. Вы можете использовать mini-css-extract-plugin, чтобы извлечь css, который вы импортируете в js, в отдельный файл css, подобный этому

Вы можете просмотреть мой полный источник здесь 

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
    plugins: [
        new MiniCssExtractPlugin({
            filename: "[name].css",
            chunkFilename: "[id].css"
        })
    ],
    module: {
        rules: [{
                test: /\.scss$/,
                use: [
                    'style-loader',
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: true,
                            sourceMap: true
                        }
                    },
                    {
                        loader: "sass-loader"
                    }
                ]
            }
        ]
    }
};

Тогда в моем js я импортирую что-то вроде этого 

import "css/Admin/admin.scss";

Всякий раз, когда я запускаю команду webpack --watch, у меня будет admin.css база файлов в файле scss

...