Webpack + PostCSS + SCSS
Небольшая заметка о том, как подключить в webpack и в ваше приложение postCSS с поддержкой SCSS/SASS синтаксиса.
- Устанавливаем npm i --save css-loader node-sass sass-loader style-loader postcss-loader
- Добавляем в webpack.config.js новый loader в раздел module.loaders такую вот цепочку:
{ test: /\.scss$/, loaders: ['style', 'css', 'postcss', 'sass'] }
- Подключаем в нужном JS-файле стили: import './main.scss'
- Запускаем webpack
Потребовалась вереница loader-ов. В случае необходимости можно ещё понастраивать postcss (см. документацию к postcss-loader-у).
Комментарии
Оставить комментарий
modules/comment
window._Comment_content_article_151 = new classes.Comment( '#comment_block_content_article_151',
{
type: 'content_article',
node_id: '151',
user: 1,
user_id: 0,
admin: 0,
view_time: null,
msg: {
empty: 'Комментарий пуст',
ask_link: 'Ссылка:',
ask_img: 'Ссылка на изображение:' }
});