p5.js-web-editor/webpack/config.prod.js

190 lines
4.2 KiB
JavaScript
Raw Permalink Normal View History

const webpack = require('webpack');
const path = require('path');
const TerserJSPlugin = require('terser-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const ManifestPlugin = require('webpack-manifest-plugin');
const cssnext = require('postcss-cssnext');
const postcssFocus = require('postcss-focus');
const postcssReporter = require('postcss-reporter');
const cssnano = require('cssnano');
const CopyWebpackPlugin = require('copy-webpack-plugin')
if (process.env.NODE_ENV === "development") {
2018-06-07 23:49:17 +02:00
require('dotenv').config();
}
2016-06-28 00:46:08 +02:00
module.exports = [{
2017-05-18 23:41:25 +02:00
devtool: 'source-map',
mode: 'production',
entry: {
app: [
'@babel/polyfill',
'core-js/modules/es6.promise',
'core-js/modules/es6.array.iterator',
path.resolve(__dirname, '../client/index.jsx')
]
},
2016-06-28 00:46:08 +02:00
output: {
path: path.resolve(__dirname, '../dist/static'),
filename: '[name].[hash].js',
publicPath: '/'
2016-06-28 00:46:08 +02:00
},
resolve: {
extensions: ['.js', '.jsx'],
modules: [
'client',
'node_modules',
]
2016-06-28 00:46:08 +02:00
},
module: {
rules: [{
test: /main\.scss$/,
2016-06-28 00:46:08 +02:00
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
importLoaders: 2,
sourceMap: true
}
},
{
loader: 'postcss-loader',
options: {
plugins: () => [
postcssFocus(),
cssnext({
browsers: ['last 2 versions', 'IE > 9']
}),
cssnano({
autoprefixer: false
}),
postcssReporter({
clearMessages: true
})
],
sourceMap: true
}
},
{
loader: 'sass-loader',
options: {
sourceMap: true
}
}
]
2016-06-28 00:46:08 +02:00
},
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: 'babel-loader'
2016-06-28 00:46:08 +02:00
},
{
test: /\.(png)$/,
use: {
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'images/'
}
}
2016-08-19 19:13:17 +02:00
},
{
test: /\.mp3$/,
use: 'file-loader'
},
{
test: /fonts\/.*\.(eot|ttf|woff|woff2)$/,
use: 'file-loader'
2018-05-15 21:10:24 +02:00
},
2020-04-30 00:34:37 +02:00
{
test: /\.svg$/,
oneOf: [
{
resourceQuery: /byUrl/,
use: 'file-loader'
},
{
use: {
loader: '@svgr/webpack',
options: {
svgoConfig: {
plugins: {
removeViewBox: false
}
}
}
}
}
]
},
2018-05-15 21:10:24 +02:00
{
test: /_console-feed.scss/,
use: {
loader: 'sass-extract-loader',
options: {
plugins: [{
plugin: 'sass-extract-js',
options: {
camelCase: false
}
}]
}
}
2016-06-28 00:46:08 +02:00
}
]
},
optimization: {
minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],
},
2016-06-28 00:46:08 +02:00
plugins: [
new ManifestPlugin({
basePath: '/',
}),
new MiniCssExtractPlugin({
filename: 'app.[hash].css',
}),
new CopyWebpackPlugin({
patterns: [
{from: path.resolve(__dirname, '../translations/locales') , to: path.resolve(__dirname, '../dist/static/locales')}
]
}
)
]
},
{
entry: {
app: [
path.resolve(__dirname, '../client/utils/previewEntry.js')
]
},
target: 'web',
mode: 'production',
output: {
path: path.resolve(__dirname, '../dist/static'),
filename: 'previewScripts.js',
publicPath: '/'
},
resolve: {
extensions: ['*', '.js', '.jsx'],
modules: [
'client',
'node_modules',
],
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
options: {
babelrc: true
}
}
]
}
2018-08-20 18:20:41 +02:00
}];