Webpack 5、PurgeCss、Purgecss-webpack-plugin、
您好，我使用Webpack 5創建了一個專案來處理Scss => CSS轉換以及更多。除了PurgeCss 之外
，我已經完成了所有作業。當我運行 Webpack 時，
我不斷收到錯誤PurgeCss 不是建構式。
有趣的是，這曾經可以作業，但是自從我更新了 package.json 檔案以消除漏洞之后，現在它崩潰了。完整代碼可以在 GitHub 存盤庫中找到。.
如果有人能告訴我為什么，我將不勝感激，謝謝。
const path = require("path");
// const glob = require("glob");
const _MiniCssExtractPlugin = require("mini-css-extract-plugin");
const _StyleLintPlugin = require("stylelint-webpack-plugin");
const _ESLintPlugin = require("eslint-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const _CopyPlugin = require("copy-webpack-plugin");
// const { _PurgeCSSPlugin } = require("purgecss-webpack-plugin");
// const PATHS = {
// src: path.join(__dirname, "../src"),
// };
// const PurgecssPlugin = new _PurgeCSSPlugin({
// paths: glob.sync(`${PATHS.src}/**/*`),
// });
const MiniCssExtractPlugin = new _MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css",
});
const ESLintPlugin = new _ESLintPlugin({
overrideConfigFile: path.resolve(__dirname, ".eslintrc"),
context: path.resolve(__dirname, "../src/js"),
files: "**/*.js",
});
const StyleLintPlugin = new _StyleLintPlugin({
configFile: path.resolve(__dirname, "stylelint.config.js"),
//configBasedir: path.resolve(__dirname, "./node_modules/"),
context: path.resolve(__dirname, "../src/scss"),
files: "**/*.scss",
syntax: "scss",
});
/**
* If getting an error during npm start or watch it's
* most posable because the src/fonts or src/img folders are empty
*/
const CopyPlugin = new _CopyPlugin({
patterns: [
{
from: path.resolve(__dirname, "../src/img/"),
to: path.resolve(__dirname, "../../project/public/img/"),
},
{
from: path.resolve(__dirname, "../src/fonts/"),
to: path.resolve(__dirname, "../../project/public/fonts/"),
},
{
from: path.resolve(__dirname, "../src/index.php"),
to: path.resolve(__dirname, "../../project/public/index.php"),
},
],
});
module.exports = {
CleanWebpackPlugin: new CleanWebpackPlugin(),
MiniCssExtractPlugin: MiniCssExtractPlugin,
// PurgecssPlugin: PurgecssPlugin,
ESLintPlugin: ESLintPlugin,
StyleLintPlugin: StyleLintPlugin,
CopyPlugin: CopyPlugin,
};
uj5u.com熱心網友回復：
所以顯然這是自 webpack 5.0 以來的 webpack-purgecss-plugin 5.0 問題所以我將插件降級到 4.1.3 并且它再次作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/517259.html
標籤：网页包