在vue-element-admin中显示资源树

最新推荐文章于 2023-09-02 19:07:52 发布

youngFish_0307

最新推荐文章于 2023-09-02 19:07:52 发布

阅读量373

点赞数 2

文章标签： vue js javascript

本文链接：https://blog.csdn.net/weixin_42496800/article/details/111626785

版权

在vue-element-admin中显示资源树

步骤一：引入模块 npm install webpack-bundle-analyzer --save-dev
步骤二：在vue.config.js 顶部加上

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

步骤三：同样在vue.config.js中，找到configureWebpack，加入plugins: [ // 开启 BundleAnalyzerPlugin new BundleAnalyzerPlugin()],如下

  configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')//src目录别名@
      }
    },
    plugins: [ 
      // 开启 BundleAnalyzerPlugin 
      new BundleAnalyzerPlugin(), 
          ],
  },