webpack插件使用总结

1.开发环境 vue2+webpack42.电脑系统 windows11专业版3.在使用webpack中,我们经常会安装一些插件来解决一些问题,下面我来分享一下我使用中遇到的问题,希望对你有所帮助。4.抽离css--->mini-css-extract-plugin

解决方案:
我认为是最新 mini-css-extract-plugin 版本有错误,我尝试降低版本

yarn add mini-css-extract-plugin@1.6.2 -D

//引入 mini-css-extract-plugin
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

//使用
{
    test: /\.css$/,
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
            options: {
                publicPath: path.resolve(__dirname, 'dist/style')
            }
        },
        "css-loader"
    ]
}

new MiniCssExtractPlugin({
    filename: "style/[name].css",
}),

yarn webpack

//经过多次尝试 1.2.0 && 0.9.0 可用
yarn add mini-css-extract-plugin@1.2.0 -D

or

yarn add mini-css-extract-plugin@0.9.0 -D

//去掉hash

100000000.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。