@vue/cli 4.5如何移除指定插件？

  • Z时代
  • 2024-02-24
  • 分类：IT

更新：
最终结果是该插件有依赖关系，想要删除html插件，需要连续删除多个，下面列出

config.plugins.delete('preload');
config.plugins.delete('prefetch');
config.plugins.delete('html');

分割线-----------------------------------------------------------------------------------------

module.exports = {
  configureWebpack: {
    devtool: 'none', // 禁用生成.map文件
    optimization: {
      splitChunks: false, // 阻止抽离公共模块
    },
  },
  chainWebpack: (config) => {
    config.plugins.delete('copy');
    config.plugins.delete('html');
    config.plugins.delete('preload');
  },
};

执行config.plugins.delete('preload')后，报错TypeError: Cannot read properties of undefined (reading 'tap')
错误来源是\node_modules\@vue\preload-webpack-plugin\src\index.js:115:65
也就是，我已经调用了删除该插件，但还是执行到了preload-webpack-plugin插件中，咋回事呢？删除无效吗？

回答：

想去掉打包时生成的index.html和favicon.ico文件
可以build后再删掉就可以了
方案1、package.json scripts 中build命令后面增加 && rimraf ./dist/index.html && rimraf ./dist/favicon.ico
方案2、package.json scripts 中新增以下命令 "postbuild": "rimraf ./dist/index.html && rimraf ./dist/favicon.ico"
上述两种方法都用到了rimraf，需要安装依赖 npm i -g rimraf

以上是 @vue/cli 4.5如何移除指定插件？ 的全部内容， 来源链接： utcz.com/p/935118.html

回到顶部