Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
optometrists
/
-20240930230508
/
wp-admin
/
cache
/
cache
/
cache
/
.wp-cli
/
wp-content
/
plugins
/
revslider
/
includes
/
gutenberg-blocks
:
webpack.config.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
const path = require( 'path' ); const webpack = require( 'webpack' ); const ExtractTextPlugin = require( 'extract-text-webpack-plugin' ); // Set different CSS extraction for editor only and common block styles const blocksCSSPlugin = new ExtractTextPlugin( { filename: './assets/css/blocks.style.css', } ); const editBlocksCSSPlugin = new ExtractTextPlugin( { filename: './assets/css/blocks.editor.css', } ); // Configuration for the ExtractTextPlugin. const extractConfig = { use: [ { loader: 'raw-loader' }, { loader: 'postcss-loader', options: { plugins: [ require( 'autoprefixer' ) ], }, }, { loader: 'sass-loader', query: { outputStyle: 'production' === process.env.NODE_ENV ? 'compressed' : 'nested', }, }, ], }; module.exports = { entry: { './assets/js/editor.blocks' : './blocks/index.js', './assets/js/frontend.blocks' : './blocks/frontend.js', }, output: { path: path.resolve( __dirname ), filename: '[name].js', }, watch: 'production' !== process.env.NODE_ENV, devtool: 'cheap-eval-source-map', module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', }, }, { test: /style\.s?css$/, use: blocksCSSPlugin.extract( extractConfig ), }, { test: /editor\.s?css$/, use: editBlocksCSSPlugin.extract( extractConfig ), }, ], }, plugins: [ blocksCSSPlugin, editBlocksCSSPlugin, ], };