57 lines
1.2 KiB
JavaScript
57 lines
1.2 KiB
JavaScript
'use strict'
|
|
|
|
const webpack = require('webpack')
|
|
const { merge } = require('webpack-merge')
|
|
const baseConfig = require('./webpack.config.base')
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
|
|
|
module.exports = merge(baseConfig, {
|
|
mode: 'development',
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
{
|
|
loader: MiniCssExtractPlugin.loader,
|
|
options: {
|
|
publicPath: '',
|
|
},
|
|
},
|
|
'css-loader'
|
|
]
|
|
}, {
|
|
test: /\.scss$/,
|
|
use: [
|
|
{
|
|
loader: MiniCssExtractPlugin.loader,
|
|
options: {
|
|
publicPath: '',
|
|
},
|
|
},
|
|
'css-loader',
|
|
'sass-loader'
|
|
]
|
|
}, {
|
|
test: /\.(png|jpg|gif|svg)$/,
|
|
use: [
|
|
{
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 5000
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
|
|
plugins: [
|
|
// new webpack.HotModuleReplacementPlugin()
|
|
new BundleAnalyzerPlugin({
|
|
'analyzerMode': 'static'
|
|
})
|
|
]
|
|
})
|