javascript — Webpack: файл SCSS в CSS

Webpack: файл SCSS в CSS

Это то, что я сделал здесь

Сначала я преобразую свой файл scss в файл css, используя этот параметр в веб-пакете.

 module: { rules: [{ test: /.scss$/, use: [ 'style-loader', MiniCssExtractPlugin.loader, { loader: "css-loader", options: { minimize: true, sourceMap: true } }, { loader: "sass-loader" } ] } ] } 

Затем я использую webpack-shell-plugin для запуска команды postcss для минимизации css-файла. (Бонус, я также добавляю gzip, используя плагин Compression для преобразования css в gzip)

 plugins: [ new CompressionPlugin({ test: /.(js|css)/ }), new WebpackShellPlugin({ onBuildStart: ['echo "Starting postcss command"'], onBuildEnd: ['postcss --dir wwwroot/dist wwwroot/dist/*.css'] }) ], 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector