我正在使用最新版本的webpack 5.3.2,带有“clean-webpack-plugin”:“^3.0.0”。显然,插件不清理dist文件夹时,我建立。
以下是我的网络包信息:
Binaries:
Node: 12.18.1 - ~/.nvm/versions/node/v12.18.1/bin/node
Yarn: 1.22.4 - ~/.nvm/versions/node/v12.18.1/bin/yarn
npm: 6.14.8 - ~/.nvm/versions/node/v12.18.1/bin/npm
Browsers:
Chrome: 86.0.4240.111
Firefox: 82.0
Packages:
clean-webpack-plugin: ^3.0.0 => 3.0.0
copy-webpack-plugin: ^6.2.1 => 6.2.1
terser-webpack-plugin: ^5.0.3 => 5.0.3
webpack: ^5.3.2 => 5.3.2
webpack-cli: ^4.1.0 => 4.1.0
Global Packages:
webpack-cli: 4.1.0
webpack: 5.3.2
这是我的网络包配置:
const path = require('path');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const CopyPlugin = require('copy-webpack-plugin');
module.exports = {
mode: 'development',
entry: './src/index.ts',
plugins: [
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: [path.join(__dirname, 'dist/**/*')]
}),
new webpack.ProgressPlugin(),
new CopyPlugin({
patterns: [
{ from: 'src', to: 'src' },
{ from: 'package.json' },
{ from: 'README.md' }
],
}),
],
output: {
filename: 'utils.min.js'
},
module: {
rules: [
{
test: /\.(ts|tsx)$/,
loader: 'ts-loader',
include: [path.resolve(__dirname, 'src')],
exclude: [/node_modules/]
},
{
test: /\.m?js$/,
exclude: [/node_modules/],
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}]
},
resolve: {
extensions: ['.tsx', '.ts', '.js']
}
}
即使当我启用详细选项,我没有看到日志和插件不清理.
2条答案
按热度按时间jtoj6r0c1#
在webpack v5中,您可以删除
clean-webpack-plugin
插件,并在webpack配置中使用output.clean选项:4dbbbstv2#
显然,当您指定一个选项时。output(在我的例子中是定制输出包名称)
clean-webpack-plugin
还需要您指定路径,否则插件将被禁用,没有任何错误!: