收到一只叮咚
2023-06-29 22:30:31
我正在使用最新版本的 webpack 5.3.2 和“clean-webpack-plugin”:“^3.0.0”。顯然,當(dāng)我構(gòu)建時(shí),該插件不會(huì)清理 dist 文件夾。這是我的網(wǎng)頁包信息: 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這是我的 webpack 配置: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'] }}即使我啟用詳細(xì)選項(xiàng),我也看不到任何日志,并且插件也無法清理。
2 回答

皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
從 webpack v5 開始,您可以刪除該clean-webpack-plugin插件并在 webpack 配置中使用 output.clean 選項(xiàng):
output: {
filename: 'utils.min.js',
clean: true,
}

慕桂英3389331
TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊
顯然,當(dāng)您指定 option.output (在我的例子中是用于自定義輸出包名稱)時(shí),clean-webpack-plugin 還需要您指定路徑,否則插件將被禁用而不會(huì)出現(xiàn)錯(cuò)誤!:
output: {
filename: 'utils.min.js',
path: path.resolve(__dirname, 'dist')
},
添加回答
舉報(bào)
0/150
提交
取消