misc_pterodactyl-panel/webpack.config.js

150 lines
4.8 KiB
JavaScript
Raw Normal View History

const _ = require('lodash');
2018-06-04 01:03:46 +00:00
const path = require('path');
2018-06-04 02:50:58 +00:00
const tailwind = require('tailwindcss');
const glob = require('glob-all');
2018-06-04 02:35:50 +00:00
const AssetsManifestPlugin = require('webpack-assets-manifest');
2018-06-04 01:46:27 +00:00
const CleanPlugin = require('clean-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const ShellPlugin = require('webpack-shell-plugin');
2018-06-04 02:50:58 +00:00
const PurgeCssPlugin = require('purgecss-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
2018-06-04 02:50:58 +00:00
// Custom PurgeCSS extractor for Tailwind that allows special characters in
// class names.
//
// https://github.com/FullHuman/purgecss#extractor
class TailwindExtractor {
static extract (content) {
2018-06-04 02:50:58 +00:00
return content.match(/[A-z0-9-:\/]+/g) || [];
}
}
2018-06-04 01:03:46 +00:00
const basePlugins = [
new CleanPlugin(path.resolve(__dirname, 'public/assets')),
new ShellPlugin({
onBuildStart: [
'php artisan vue-i18n:generate',
'php artisan ziggy:generate resources/assets/scripts/helpers/ziggy.js',
],
}),
new ExtractTextPlugin('bundle-[hash].css', {
allChunks: true,
}),
new AssetsManifestPlugin({
writeToDisk: true,
publicPath: true,
integrity: true,
integrityHashes: ['sha384'],
}),
];
const productionPlugins = [
new PurgeCssPlugin({
paths: glob.sync([
path.join(__dirname, 'resources/assets/scripts/**/*.vue'),
path.join(__dirname, 'resources/themes/pterodactyl/**/*.blade.php'),
]),
// Don't let PurgeCSS remove classes ending with -enter or -leave-active
// They're used by Vue transitions and are therefore not specifically defined
// in any of the files are are checked by PurgeCSS.
whitelistPatterns: [/-enter$/, /-leave-active$/],
extractors: [
{
extractor: TailwindExtractor,
extensions: ['html', 'js', 'php', 'vue'],
}
],
}),
new UglifyJsPlugin({
include: [
path.join(__dirname, 'resources/assets/scripts'),
path.join(__dirname, 'node_modules'),
path.join(__dirname, 'vendor/tightenco'),
],
cache: true,
parallel: 2,
}),
];
module.exports = {
mode: process.env.NODE_ENV,
2018-07-21 23:22:41 +00:00
devtool: process.env.NODE_ENV === 'production' ? false : 'inline-source-map',
2018-06-04 00:40:35 +00:00
performance: {
hints: false,
},
2018-06-04 01:46:27 +00:00
// Passing an array loads them all but only exports the last.
entry: ['./resources/assets/styles/main.css', './resources/assets/scripts/app.js'],
output: {
path: path.resolve(__dirname, 'public/assets'),
filename: 'bundle-[hash].js',
publicPath: _.get(process.env, 'PUBLIC_PATH', '') + '/assets/',
2018-06-04 01:46:27 +00:00
crossOriginLoading: 'anonymous',
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.js$/,
2018-06-04 01:03:46 +00:00
include: [
2018-06-04 02:35:50 +00:00
path.resolve(__dirname, 'resources'),
2018-06-04 01:03:46 +00:00
],
loader: 'babel-loader?cacheDirectory',
},
{
2018-06-04 01:46:27 +00:00
test: /\.css$/,
include: [
2018-06-04 02:35:50 +00:00
path.resolve(__dirname, 'resources'),
2018-06-04 01:46:27 +00:00
],
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
2018-06-04 02:35:50 +00:00
use: [{
loader: 'css-loader',
2018-06-04 02:50:58 +00:00
options: {
2018-06-10 22:32:07 +00:00
sourceMap: true,
2018-06-04 02:50:58 +00:00
importLoaders: 1,
},
2018-06-04 02:35:50 +00:00
}, {
loader: 'postcss-loader',
2018-06-04 01:46:27 +00:00
options: {
ident: 'postcss',
2018-06-10 22:32:07 +00:00
sourceMap: true,
2018-06-04 01:46:27 +00:00
plugins: [
require('postcss-import'),
tailwind('./tailwind.js'),
2018-06-04 02:40:05 +00:00
require('postcss-preset-env')({stage: 0}),
2018-06-10 22:32:07 +00:00
require('precss'),
2018-06-04 01:46:27 +00:00
require('autoprefixer'),
2018-06-10 22:32:07 +00:00
require('cssnano'),
2018-06-04 01:46:27 +00:00
]
},
}],
}),
}
]
},
resolve: {
alias: {
2018-03-31 20:51:18 +00:00
'vue$': 'vue/dist/vue.esm.js'
},
extensions: ['.js', '.vue', '.json'],
symlinks: false,
},
plugins: process.env.NODE_ENV === 'production' ? basePlugins.concat(productionPlugins) : basePlugins,
serve: {
content: "./public/",
dev: {
publicPath: "/assets/",
headers: {
"Access-Control-Allow-Origin": "*",
2018-06-10 22:32:07 +00:00
},
},
hot: {
hmr: true,
reload: true,
}
}
};