Tapable.plugin is deprecated. Use new API on `.hooks` instead
使用webpack的purifycss-plugin出现的问题,在网上查询了一下说是需要下载最新的ExtractTextPlugin,但是我的ExtractTextPlugin已经是最新版本了,不知道为什么还是有问题。
以下为我的webpack配置
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const PurifycssPlugin = require("purifycss-webpack-plugin");
module.exports = {
entry: {
index: "./src/index.js",
},
output: {
path:__dirname + '/dist',
filename:"[name].js"
},
module:{
rules:[
// {
// test: /\.css$/,
// use: ExtractTextPlugin.extract({
// fallback: "style-loader",
// use: ["css-loader", "postcss-loader"],
// publicPath:'../'
// })
// },
{
test: /\.styl$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: ["css-loader","postcss-loader","stylus-loader"],
publicPath:'../'
})
},
{
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
}
}
]
}
]
},
plugins:[
new HtmlWebpackPlugin({
filename:"index.html",
template: "./src/template.html",
hash: true,
title: "hi index~",
chunks: ['index']
}),
new ExtractTextPlugin('css/index.css'),
new PurifycssPlugin({
basePath: __dirname,
paths: [
"src/*.html",
]
}),
new CleanWebpackPlugin()
]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这个是插件版本与webpack版本不匹配导致的。检查下是哪个插件的报错。
确认下是不是
ExtractTextPlugin
的问题。如果确实是它的问题,吧node_modules下的包删了重装。