如何在Webpack中使用多个进程?

时间:2019-03-25 18:54:51

标签: webpack

我是Webpack的初学者,我需要执行以下操作:

我有几个“主要”打字稿和sass文件。我只想在所有这些类型的文件中编译一个“ yarn webpack” ,但是有一个简单的编译/转译规则。

规则: 1)有多个TS / SASS文件,每个文件都必须带有各自保存的文件夹名称。

2)文件必须缩小

3)我应该能够将挖掘的文件及其扩展名保存在两个不同的位置:“ dist”和“ public”。

我的配置:

const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = [
    {
        mode: "production",
        entry: {
            indicators: path.resolve(__dirname, 'typescript', 'pages', 'Indicators.ts')
        },
        output: {
            filename: '[name].min.js',
            path:       path.resolve(__dirname, '..', 'dist', 'js'),
            publicPath: path.resolve(__dirname, '..', 'src',  'js'),
        },
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    use: 'ts-loader',
                    exclude: /node_modules/
                }
            ]
        },
        resolve: {
            extensions: ['.tsx', '.ts', '.js']
        },
        optimization: {
            minimizer: [new UglifyJsPlugin({
                uglifyOptions: {
                    extractComments: false,
                    warnings: false,
                    parse: {},
                    compress: {},
                    mangle: true,
                    output: null,
                    toplevel: false,
                    nameCache: null,
                    ie8: false,
                    keep_fnames: false,
                  },
            })]
        }
    }
];

0 个答案:

没有答案