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

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

Ниже мой конфиг. Вы можете использовать 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

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector