How to use @blueprintjs/webpack-build-scripts - 5 common examples

// we override module rules since we don't want file-loader to be triggered for inline SVGs
    module: {
        rules: baseConfig.module.rules.slice(0, 2).concat([
            {
                test: /^((?!svgs).)*\.(eot|ttf|woff|woff2|svg|png)$/,
                loader: require.resolve("file-loader"),
            },
        ]),
    },

    output: {
        filename: "[name].js",
        path: path.resolve(__dirname, "./dist"),
    },

    plugins: baseConfig.plugins.concat([
        new CopyWebpackPlugin([
            // to: is relative to dist/
            { from: "src/assets", to: "assets" },
            { from: "src/index.html", to: "." },
        ])
    ]),
});

features: [
             "./src/index.scss",
             "./src/features.tsx",
         ],
         index: [
             "./src/index.scss",
             "./src/index.tsx",
         ],
    },

    output: {
        filename: "[name].bundle.js",
        path: path.resolve(__dirname, "./dist"),
    },

    plugins: baseConfig.plugins.concat([
        new CopyWebpackPlugin([
            // to: is relative to dist/
            { from: "src/index.html", to: "." },
            { from: "src/features.html", to: "." },
        ])
    ]),
});

const path = require("path");

module.exports = Object.assign({}, baseConfig, {
    entry: {
        "docs-app": [
            "./src/index.tsx",
            "./src/index.scss"
        ],
    },

    output: {
        filename: "[name].js",
        path: path.resolve(__dirname, "./dist"),
    },

    plugins: baseConfig.plugins.concat([
        new CopyWebpackPlugin([
            // to: is relative to dist/
            { from: "src/index.html", to: "." },
            { from: "src/assets/favicon.png", to: "assets" },
        ])
    ]),
});

const { baseConfig } = require("@blueprintjs/webpack-build-scripts");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const path = require("path");

module.exports = Object.assign({}, baseConfig, {
    entry: {
        "blueprint-landing": [
            "./src/index.tsx",
            "./src/index.scss"
        ],
    },

    // we override module rules since we don't want file-loader to be triggered for inline SVGs
    module: {
        rules: baseConfig.module.rules.slice(0, 2).concat([
            {
                test: /^((?!svgs).)*\.(eot|ttf|woff|woff2|svg|png)$/,
                loader: require.resolve("file-loader"),
            },
        ]),
    },

    output: {
        filename: "[name].js",
        path: path.resolve(__dirname, "./dist"),
    },

    plugins: baseConfig.plugins.concat([
        new CopyWebpackPlugin([
            // to: is relative to dist/
            { from: "src/assets", to: "assets" },

"text/x-typescript": ["ts", "tsx"],
        },
        port: KARMA_SERVER_PORT,
        preprocessors: {
            [path.join(dirname, "test/**/*.ts")]: ["sourcemap"],
            [path.join(dirname, "test/index.ts")]: ["webpack", "sourcemap"],
        },
        // define where to save final remapped coverage reports
        remapCoverageReporter: {
            'text-summary': null,
            html: './coverage/html',
            cobertura: './coverage/cobertura.xml'
        },
        reporters: ["mocha"],
        singleRun: true,
        webpack: webpackBuildScripts.karmaConfig,
        webpackMiddleware: {
            noInfo: true,
            stats: {
                children: false,
                chunks: false,
            },
        },
    };

    // enable JUnit reporter only if env variable is set (such as on Circle)
    if (process.env.JUNIT_REPORT_PATH) {
        const outputDir = path.join(
            __dirname,
            "../..",
            process.env.JUNIT_REPORT_PATH,
            path.basename(dirname),