首页 > 解决方案 > 在 webpack 中使用 raw bundler 插件缩小

问题描述

目标是连接src文件以创建库文件,然后创建另一个使用源映射缩小的版本。我正在使用RawBundlerPlugin

追随就像魅力一样!缺少的是如何生成另一个缩小的库。

const path = require("path");
const RawBundlerPlugin = require("webpack-raw-bundler");

module.exports = {
    entry: "./src/header.txt",
    output: {
        filename: "MyLib.js",
        path: path.resolve(__dirname, "dist")
    },
    module: {
        rules: [
            { test: /\.txt$/, use: "raw-loader" }
        ]
    },
    plugins: [
        new RawBundlerPlugin({
            readEncoding: "utf-8",
            bundles: [ "MyLib.js" ],
            "MyLib.js": [
                "src/header.txt",
                "src/Product.js",
                "src/Customer.js",
                "src/copyright.txt"
            ]
        })
    ],
    mode: "none"
};

问题:如何使用上述配置包含带有源映射的缩小构建?

或者

也许通过后续过程将其dist/MyLib.js缩小。dist/MyLib.min.js

尝试 https://webpack.js.org/plugins/uglifyjs-webpack-plugin/

optimization: {
    minimizer: [new UglifyJsPlugin({
        test: /\.js(\?.*)?$/i,
    })],
},

标签: javascriptnode.jswebpack

解决方案


推荐阅读