Remove old webpack config
This commit is contained in:
Eric Schultz
Eric Schultz
parent
d95ebf53a3
commit
3c29df09dc
1 changed files with 0 additions and 199 deletions
|
|
@ -1,199 +0,0 @@
|
||||||
// AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later
|
|
||||||
const path = require ('path')
|
|
||||||
const WebpackSweetEntry = require('webpack-sweet-entry');
|
|
||||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
|
||||||
const StringReplacePlugin = require("string-replace-webpack-plugin");
|
|
||||||
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
|
||||||
const webpack = require("webpack");
|
|
||||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
|
||||||
const merge = require('webpack-merge');
|
|
||||||
const CompressionPlugin = require("compression-webpack-plugin");
|
|
||||||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
|
|
||||||
|
|
||||||
const config_button=require('./config/settings.json');
|
|
||||||
|
|
||||||
const sourcePath = path.join(__dirname, 'client');
|
|
||||||
const buildPath = path.join(__dirname, 'public/client');
|
|
||||||
const translationPath = path.join(__dirname, 'public/javascripts/_final.js')
|
|
||||||
const reactEntrySourcePath = path.join(__dirname, 'javascripts')
|
|
||||||
const reactEntryOutputPath = path.join(__dirname, 'public')
|
|
||||||
|
|
||||||
|
|
||||||
let inProduction = process.env.NODE_ENV === 'production'
|
|
||||||
|
|
||||||
let devToProdLibraries = {
|
|
||||||
react:{
|
|
||||||
debug: "node_modules/react/umd/react.development.js",
|
|
||||||
production: "node_modules/react/umd/react.production.min.js"
|
|
||||||
},
|
|
||||||
reactDom: {
|
|
||||||
debug: "node_modules/react-dom/umd/react-dom.development.js",
|
|
||||||
production: "node_modules/react-dom/umd/react-dom.production.min.js"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let common_rules= [
|
|
||||||
|
|
||||||
// configure replacements for file patterns
|
|
||||||
{
|
|
||||||
test: /donate-button.v2.js$/,
|
|
||||||
loader: [
|
|
||||||
{loader: 'string-replace-loader',
|
|
||||||
options: {
|
|
||||||
search: 'REPLACE_FULL_HOST',
|
|
||||||
replace: config_button.button.url,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: 'string-replace-loader',
|
|
||||||
options: {
|
|
||||||
search: 'REPLACE_CSS_URL',
|
|
||||||
replace: config_button.button.css,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"babel-loader"]
|
|
||||||
},
|
|
||||||
{ test: /\.tsx?$/, loader:"ts-loader"},
|
|
||||||
{ test: /\.js$/, exclude: /node_modules|froala/, loader: "babel-loader" },
|
|
||||||
{ test: /\.es6$/, exclude: /node_modules/, loader: "babel-loader" }
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
let targets = {
|
|
||||||
base: {
|
|
||||||
module:{
|
|
||||||
rules: common_rules
|
|
||||||
},
|
|
||||||
entry: WebpackSweetEntry(path.resolve(sourcePath, 'js/**/page.js'), 'js', 'js'),
|
|
||||||
output: {
|
|
||||||
path: path.resolve(buildPath, 'js'),
|
|
||||||
filename: '[name].js'
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
new CleanWebpackPlugin([path.resolve(buildPath, 'js')])
|
|
||||||
]
|
|
||||||
}
|
|
||||||
,
|
|
||||||
button: {
|
|
||||||
module:{
|
|
||||||
rules: common_rules
|
|
||||||
},
|
|
||||||
entry: path.resolve(sourcePath, 'js/widget/donate-button.v2.js'),
|
|
||||||
output: {
|
|
||||||
path: path.resolve(path.join(__dirname, 'public', 'js')),
|
|
||||||
filename: 'donate-button.v2.js'
|
|
||||||
},
|
|
||||||
|
|
||||||
plugins: [
|
|
||||||
// an instance of the plugin must be present
|
|
||||||
new StringReplacePlugin()
|
|
||||||
]
|
|
||||||
},
|
|
||||||
translations: {
|
|
||||||
module:{
|
|
||||||
rules: common_rules
|
|
||||||
},
|
|
||||||
entry: translationPath,
|
|
||||||
output: {
|
|
||||||
path: path.join(buildPath, 'js'),
|
|
||||||
filename: 'i18n.js'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
css: {
|
|
||||||
module: {
|
|
||||||
rules: [
|
|
||||||
{
|
|
||||||
test: /\.css$/,
|
|
||||||
use: ExtractTextPlugin.extract({
|
|
||||||
use: [
|
|
||||||
{
|
|
||||||
loader: 'css-loader',
|
|
||||||
options: {import: true, importLoaders: 1}
|
|
||||||
}
|
|
||||||
, 'postcss-loader']
|
|
||||||
}
|
|
||||||
)
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
entry: path.resolve(sourcePath, 'css/global/page.css'),
|
|
||||||
output: {
|
|
||||||
path: path.resolve(buildPath, 'css/global'),
|
|
||||||
filename: 'page.css'
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
new ExtractTextPlugin('page.css'),
|
|
||||||
new CleanWebpackPlugin([path.resolve(buildPath, 'css')])
|
|
||||||
]
|
|
||||||
},
|
|
||||||
bootstrap: {
|
|
||||||
entry: ['bootstrap-loader'],
|
|
||||||
output: {
|
|
||||||
path: path.resolve(buildPath, 'css'),
|
|
||||||
filename: 'bootstrap.css'
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
new ExtractTextPlugin('bootstrap.css')
|
|
||||||
]
|
|
||||||
},
|
|
||||||
loading_indicator: {
|
|
||||||
module:{
|
|
||||||
rules: common_rules
|
|
||||||
},
|
|
||||||
entry: path.resolve(reactEntrySourcePath, "app", "loading_indicator.ts"),
|
|
||||||
output: {
|
|
||||||
path: path.resolve(reactEntryOutputPath, 'app'),
|
|
||||||
filename: 'loading_indicator.js'
|
|
||||||
},
|
|
||||||
|
|
||||||
},
|
|
||||||
react: {
|
|
||||||
module:{
|
|
||||||
rules: common_rules
|
|
||||||
},
|
|
||||||
entry: WebpackSweetEntry(path.resolve(reactEntrySourcePath, "app/*.tsx"), 'ts', 'app'),
|
|
||||||
output: {
|
|
||||||
path: path.resolve(reactEntryOutputPath, 'app'),
|
|
||||||
filename: '[name].js'
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
extensions: [".ts", ".tsx", ".js", ".json"],
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
new CleanWebpackPlugin([path.resolve(reactEntryOutputPath, 'app')]),
|
|
||||||
new webpack.optimize.CommonsChunkPlugin({
|
|
||||||
name: 'vendor',
|
|
||||||
}),
|
|
||||||
new CopyWebpackPlugin([{from: inProduction ? devToProdLibraries.react.production : devToProdLibraries.react.debug, to: path.resolve('public', 'app', 'react.js')}]),
|
|
||||||
new CopyWebpackPlugin([{from: inProduction ? devToProdLibraries.reactDom.production : devToProdLibraries.reactDom.debug, to:path.resolve('public', 'app', 'react-dom.js')}])
|
|
||||||
|
|
||||||
],
|
|
||||||
externals: {
|
|
||||||
'react': 'React',
|
|
||||||
'react-dom': 'ReactDOM',
|
|
||||||
'i18n': 'I18n'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let mergeToTargets = {
|
|
||||||
devtool: 'inline-source-map',
|
|
||||||
}
|
|
||||||
|
|
||||||
if (inProduction)
|
|
||||||
mergeToTargets = {
|
|
||||||
plugins: [
|
|
||||||
new UglifyJsPlugin(),
|
|
||||||
new CompressionPlugin({
|
|
||||||
asset: '[path].gz'
|
|
||||||
})
|
|
||||||
]}
|
|
||||||
let output = []
|
|
||||||
for(let name in targets){
|
|
||||||
output.push(merge(targets[name], mergeToTargets));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
module.exports = output
|
|
||||||
Loading…
Reference in a new issue