在安装webpack 4时,不会自动安装babel和uglify.js,但你可以手动添加它们作为webpack的依赖项。
首先,安装webpack和webpack-cli,可以使用以下命令:
npm install webpack webpack-cli --save-dev
然后,安装babel和uglify.js,可以使用以下命令:
npm install babel-loader @babel/core @babel/preset-env uglifyjs-webpack-plugin --save-dev
接下来,你需要在webpack配置文件中配置babel和uglify.js。假设你的webpack配置文件名为webpack.config.js,以下是一个示例配置:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
// 入口文件和输出文件的配置...
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
},
optimization: {
minimizer: [new UglifyJsPlugin()]
}
};
这里,我们使用babel-loader来处理JavaScript文件,并使用@babel/preset-env作为Babel的预设。我们还使用uglifyjs-webpack-plugin来压缩输出的JavaScript文件。
请确保在webpack配置中正确配置入口文件和输出文件的路径。
这样,当你运行webpack命令时,它将使用babel-loader和uglifyjs-webpack-plugin来处理JavaScript文件,并最终生成压缩的输出文件。