69 lines
1.7 KiB
JavaScript
69 lines
1.7 KiB
JavaScript
const path = require('path')
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
|
|
|
|
module.exports = {
|
|
entry: './js-src/index.tsx',
|
|
mode: 'production',
|
|
devtool: 'source-map',
|
|
plugins: [
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].css',
|
|
chunkFilename: '[id].css'
|
|
})
|
|
],
|
|
output: {
|
|
filename: '[name].bundle.js',
|
|
path: path.resolve(__dirname, 'public/js/'),
|
|
libraryTarget: 'umd',
|
|
library: 'main',
|
|
umdNamedDefine: true
|
|
},
|
|
resolve: {
|
|
extensions: ['.js', '.jsx', '.ts', '.tsx'],
|
|
roots: [
|
|
path.resolve(__dirname, 'js-src/')
|
|
],
|
|
alias: {
|
|
'@owlads': path.resolve(__dirname, 'js-src')
|
|
}
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.s[ac]ss$/i,
|
|
use: [
|
|
'style-loader',
|
|
'css-loader',
|
|
'sass-loader'
|
|
]
|
|
},
|
|
{
|
|
test: /\.css$/i,
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader']
|
|
},
|
|
{
|
|
test: /\.tsx?$/,
|
|
use: 'ts-loader',
|
|
exclude: /node_modules/
|
|
},
|
|
{
|
|
test: /\.jpe?g|png$/,
|
|
exclude: /node_modules/,
|
|
use: ['url-loader', 'file-loader']
|
|
},
|
|
{
|
|
test: /\.(js|jsx)$/,
|
|
exclude: /node_modules/,
|
|
loader: 'babel-loader'
|
|
}
|
|
]
|
|
},
|
|
optimization: {
|
|
minimizer: [
|
|
'...',
|
|
new CssMinimizerPlugin()
|
|
],
|
|
}
|
|
}
|