我是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,
},
})]
}
}
];