vue build打包文件太大

最新推荐文章于 2024-06-25 12:56:21 发布

原创最新推荐文章于 2024-06-25 12:56:21 发布 · 923 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack

vue 专栏收录该内容

15 篇文章

订阅专栏

博客提及build/webpack.prod.conf.js打包太大的问题，还指出在/build/webpack.base.conf.js的module.exports下，可通过index.html以CDN方式引入所需依赖来解决相关问题，主要围绕Webpack打包展开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

build/webpack.prod.conf.js


new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false,
          //drop_console  传递true以放弃对控制台的调用。*功能
          drop_console: true,
          // pure_funces 禁用console.log函数
          pure_funcs: ['console.log']
        },
        output:{
          comments:false
        }
      },
      extractComments: 'all',//提取所有注释
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),

打包太大
/build/webpack.base.conf.js
//module.exports{}下



externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'vuex': 'Vuex',
    'iview': 'iview',
    'echarts': 'echarts',
    'element-ui': 'ELEMENT',
  },

index.html cdn 引入需要的依赖