@studyportals/webpack-helper 2.5.3-1 → 2.6.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studyportals/webpack-helper",
-  "version": "2.5.3-1",
+  "version": "2.6.1-beta.1",
   "description": "A collection of standard configurations and helpers for webpack.",
   "main": "src/main.js",
   "scripts": {
@@ -37,10 +37,10 @@
     "css-loader": "^3.4.2",
     "file-loader": "^6.0.0",
     "mini-css-extract-plugin": "^0.9.0",
-    "node-sass": "^4.13.1",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "path": "^0.12.7",
-    "sass-loader": "^8.0.2",
+    "sass": "^1.51.0",
+    "sass-loader": "^10.2.1",
     "terser-webpack-plugin": "^2.3.4",
     "ts-loader": "^6.2.1",
     "typescript": "^3.7.2",

package/src/defaults/development.config.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevelopmentConfig = {
-    optimization: {
-        minimize: false
-    }
-};

package/src/defaults/production.config.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack = require('webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
-const DllAvailabilityTracker = require('@studyportals/dll-availability-tracker');
-exports.ProductionConfig = (bobConfig) => {
-    let dllDependencies = ['library'];
-    if (bobConfig !== null && bobConfig.hasOwnProperty('dllPackages')) {
-        bobConfig.dllPackages.forEach((dependency) => dllDependencies.push(dependency.manifest.name));
-    }
-    return {
-        plugins: [
-            new webpack.LoaderOptionsPlugin({
-                minimize: true
-            }),
-            new webpack.DefinePlugin({
-                'process.env': {
-                    NODE_ENV: '"production"'
-                }
-            }),
-            new OptimizeCSSAssetsPlugin({
-                cssProcessorPluginOptions: {
-                    preset: [
-                        'default',
-                        {
-                            discardComments: {
-                                removeAll: true
-                            }
-                        }
-                    ]
-                },
-            }),
-            new DllAvailabilityTracker({
-                dependencies: dllDependencies || []
-            })
-        ],
-        optimization: {
-            minimize: true,
-            minimizer: [
-                new TerserPlugin({
-                    sourceMap: true,
-                    parallel: true,
-                    extractComments: false,
-                    terserOptions: {
-                        output: {
-                            comments: false
-                        },
-                        compress: {
-                            drop_console: true,
-                            passes: 5
-                        }
-                    }
-                })
-            ]
-        }
-    };
-};

package/src/enums/mode.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Mode;
-(function (Mode) {
-    Mode["DEVELOPMENT"] = "development";
-    Mode["PRODUCTION"] = "production";
-})(Mode = exports.Mode || (exports.Mode = {}));

package/src/enums/preset.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Preset;
-(function (Preset) {
-    Preset["VUE_TYPESCRIPT"] = "vue-typescript";
-    Preset["TYPESCRIPT"] = "typescript";
-    Preset["JAVASCRIPT"] = "javascript";
-})(Preset = exports.Preset || (exports.Preset = {}));

package/src/factories/configuration-factory.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_1 = require("../model/configuration");
-class ConfigurationFactory {
-    create(options) {
-        return new configuration_1.Configuration(options);
-    }
-}
-exports.ConfigurationFactory = ConfigurationFactory;

package/src/interfaces/bob.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/entry.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/entrypoint.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/output.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/interfaces/preset.interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/main.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_factory_1 = require("./factories/configuration-factory");
-const configurationFactory = new configuration_factory_1.ConfigurationFactory();
-module.exports = configurationFactory;

package/src/model/configuration.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const entry_1 = require("./entry");
-const output_1 = require("./output");
-const plugins_1 = require("./plugins");
-const module_1 = require("./module");
-const preset_1 = require("../enums/preset");
-const vue_typescript_preset_1 = require("../presets/vue-typescript.preset");
-const typescript_preset_1 = require("../presets/typescript.preset");
-const javascript_preset_1 = require("../presets/javascript.preset");
-const mode_1 = require("../enums/mode");
-const production_config_1 = require("../defaults/production.config");
-const development_config_1 = require("../defaults/development.config");
-const ManifestGenerator = require("@studyportals/bob-manifest-generator").ManifestGenerator;
-const DllReferencePlugin = require("@studyportals/bob-manifest-generator").DllReferencePlugin;
-const merge = require("webpack-merge");
-class Configuration {
-    constructor(options) {
-        this.bob = options.bob || null;
-        this.entry = new entry_1.Entry(options.entry);
-        this.output = new output_1.Output(options.output);
-        this.extensions = options.extensions || [];
-        this.preset = options.preset || null;
-        this.hash = options.output.hash || false;
-        this.plugins = new plugins_1.Plugins(options.plugins);
-        this.module = new module_1.Module(options.module);
-        this.commonConfig = options.common || {};
-        this.environmentSpecificConfig = {
-            [mode_1.Mode.DEVELOPMENT]: merge([options[mode_1.Mode.DEVELOPMENT], development_config_1.DevelopmentConfig]) || development_config_1.DevelopmentConfig,
-            [mode_1.Mode.PRODUCTION]: merge([options[mode_1.Mode.PRODUCTION], production_config_1.ProductionConfig(this.bob)]) || production_config_1.ProductionConfig(this.bob)
-        };
-        this.fileName = options.output.fileName || "[name]";
-        this.detectPresets();
-    }
-    get(mode) {
-        return merge({
-            entry: this.entry.getEntry(),
-            output: this.output.getOutput(),
-            plugins: this.plugins.getPlugins(),
-            module: this.module.getModule(),
-            resolve: {
-                extensions: this.extensions
-            },
-            performance: {
-                hints: false
-            },
-            optimization: {
-                minimize: false
-            },
-            devtool: 'source-map'
-        }, this.getBobConfig(), this.commonConfig, this.getEnvironmentSpecificConfig(mode), { mode });
-    }
-    detectPresets() {
-        switch (this.preset) {
-            case preset_1.Preset.VUE_TYPESCRIPT:
-                this.injectPreset(new vue_typescript_preset_1.VueTypeScriptPreset());
-                break;
-            case preset_1.Preset.TYPESCRIPT:
-                this.injectPreset(new typescript_preset_1.TypeScriptPreset());
-                break;
-            case preset_1.Preset.JAVASCRIPT:
-                this.injectPreset(new javascript_preset_1.JavascriptPreset());
-                break;
-            default:
-                break;
-        }
-    }
-    injectPreset(preset) {
-        const plugins = preset.getPlugins(this.getCSSFileName());
-        const module = preset.getModule();
-        plugins.forEach(plugin => {
-            this.plugins.addPlugin(plugin);
-        });
-        this.extensions = this.extensions.concat(preset.getExtensions());
-        this.module.setModule(module);
-    }
-    getEnvironmentSpecificConfig(mode) {
-        return this.environmentSpecificConfig[mode];
-    }
-    getBobConfig() {
-        if (this.bob === null) {
-            return {};
-        }
-        let dllPackages = [];
-        if (typeof this.bob.dllPackages !== 'undefined'
-            && this.bob.dllPackages.length > 0) {
-            dllPackages = this.getBobDllDependencies();
-            delete this.bob.dllPackages;
-        }
-        return {
-            plugins: [
-                new ManifestGenerator(this.bob)
-            ].concat(dllPackages)
-        };
-    }
-    getBobDllDependencies() {
-        let dependencies = [];
-        if (typeof this.bob.dllPackages === 'undefined')
-            return dependencies;
-        this.bob.dllPackages.forEach((dependency) => {
-            dependencies.push(new DllReferencePlugin({
-                name: dependency.name,
-                manifest: dependency.manifest
-            }));
-        });
-        return dependencies;
-    }
-    getCSSFileName() {
-        var _a;
-        const fileName = (_a = this.fileName, (_a !== null && _a !== void 0 ? _a : `style`));
-        if (this.hash === false
-            || typeof this.hash.css !== 'undefined'
-                && this.hash.css === false) {
-            return `${fileName}.css`;
-        }
-        return `${fileName}.[hash].css`;
-    }
-}
-exports.Configuration = Configuration;

package/src/model/entry.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class Entry {
-    constructor(entry) {
-        this.entry = entry;
-    }
-    getEntry() {
-        return this.entry;
-    }
-}
-exports.Entry = Entry;

package/src/model/module.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const merge = require("webpack-merge");
-class Module {
-    constructor(module = {}) {
-        this.module = {};
-        this.module = merge(this.module, module);
-    }
-    setModule(module) {
-        this.module = merge(this.module, module);
-    }
-    getModule() {
-        return this.module;
-    }
-}
-exports.Module = Module;

package/src/model/output.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class Output {
-    constructor(outputConfig) {
-        this.path = outputConfig.path;
-        this.publicPath = outputConfig.publicPath || null;
-        this.library = outputConfig.library || null;
-        this.addHash = this.shouldAddHash(outputConfig.hash),
-            this.fileName = outputConfig.fileName || "[name]";
-        this.crossOriginLoading = outputConfig.crossOriginLoading || null;
-    }
-    getOutput() {
-        let output = {
-            path: this.path,
-            filename: this.getFileName()
-        };
-        if (this.publicPath !== null) {
-            output.publicPath = this.publicPath;
-        }
-        if (this.library !== null) {
-            output.library = this.library;
-        }
-        if (this.crossOriginLoading !== null) {
-            output.crossOriginLoading = this.crossOriginLoading;
-        }
-        return output;
-    }
-    getFileName() {
-        let fileName = this.addHash === true ? `${this.fileName}.[hash].js` : `${this.fileName}.js`;
-        return fileName;
-    }
-    shouldAddHash(hashConfig) {
-        if (typeof hashConfig === 'undefined') {
-            return true;
-        }
-        if (typeof hashConfig.js !== 'undefined'
-            && hashConfig.js === false
-            || hashConfig === false) {
-            return false;
-        }
-        return true;
-    }
-}
-exports.Output = Output;

package/src/model/plugins.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class Plugins {
-    constructor(plugins = []) {
-        this.plugins = [];
-        this.plugins = this.plugins.concat(plugins);
-    }
-    addPlugin(plugin) {
-        this.plugins.push(plugin);
-    }
-    getPlugins() {
-        return this.plugins;
-    }
-}
-exports.Plugins = Plugins;

package/src/presets/javascript.preset.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-class JavascriptPreset {
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            })
-        ];
-    }
-    getModule() {
-        return {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader'
-                    ],
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        'sass-loader'
-                    ],
-                },
-                {
-                    test: /\.jsx?$/,
-                    loader: 'babel-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/
-                }
-            ]
-        };
-    }
-    getExtensions() {
-        return [
-            '*',
-            '.js',
-            '.json'
-        ];
-    }
-}
-exports.JavascriptPreset = JavascriptPreset;

package/src/presets/typescript.preset.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-class TypeScriptPreset {
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            })
-        ];
-    }
-    getModule() {
-        return {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader'
-                    ],
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        'sass-loader'
-                    ],
-                },
-                {
-                    test: /\.tsx?$/,
-                    loader: 'ts-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/
-                },
-                {
-                    test: /\.js$/,
-                    loader: 'babel-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/
-                },
-                {
-                    test: /\.(png|jpg|gif|svg)$/,
-                    loader: 'file-loader',
-                    options: {
-                        name: '[name].[ext]?[hash]'
-                    }
-                }
-            ]
-        };
-    }
-    getExtensions() {
-        return [
-            '*',
-            '.ts',
-            '.js',
-            '.json'
-        ];
-    }
-}
-exports.TypeScriptPreset = TypeScriptPreset;

package/src/presets/vue-typescript.preset.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack = require("webpack");
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
-class VueTypeScriptPreset {
-    getPlugins(filename) {
-        return [
-            new webpack.DllReferencePlugin({
-                manifest: require("@studyportals/vue-config/dist/library.json")
-            }),
-            new MiniCssExtractPlugin({
-                filename
-            }),
-            new VueLoaderPlugin()
-        ];
-    }
-    getModule() {
-        return {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader'
-                    ],
-                },
-                {
-                    test: /\.scss$/,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        'sass-loader'
-                    ],
-                },
-                {
-                    test: /\.vue$/,
-                    loader: 'vue-loader',
-                    options: {
-                        loaders: {
-                            'scss': [
-                                'vue-style-loader',
-                                'css-loader',
-                                'sass-loader'
-                            ]
-                        }
-                    }
-                },
-                {
-                    test: /\.tsx?$/,
-                    loader: 'ts-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/,
-                    options: {
-                        appendTsSuffixTo: [/\.vue$/]
-                    },
-                },
-                {
-                    test: /\.js$/,
-                    loader: 'babel-loader',
-                    exclude: /node_modules\/(?!@studyportals\/).*/
-                },
-                {
-                    test: /\.(png|jpg|gif|svg)$/,
-                    loader: 'file-loader',
-                    options: {
-                        name: '[name].[ext]?[hash]'
-                    }
-                },
-            ]
-        };
-    }
-    getExtensions() {
-        return [
-            '*',
-            '.ts',
-            '.js',
-            '.vue',
-            '.json'
-        ];
-    }
-}
-exports.VueTypeScriptPreset = VueTypeScriptPreset;