码迷,mamicode.com
首页 > 移动开发 > 详细

create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析

时间:2018-06-14 21:07:06      阅读:1115      评论:0      收藏:0      [点我收藏+]

标签:nta   reac   ack   dev   uri   conf   引入   pre   undle   

  1. 安装npm intall webpack-bundle-analyzer --save-dev
  2. config/webpack.config.dev.js 文件中,添加

    const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin;
    module.exports = {
      plugins: [
        ...
        new BundleAnalyzerPlugin()
      ]
    }
  3. 运行npm run dev,打包分析页面:http://127.0.0.1:8888/

create-react-app 搭建的项目中,引入 webpack-bundle-analyzer 打包分析

标签:nta   reac   ack   dev   uri   conf   引入   pre   undle   

原文地址:https://www.cnblogs.com/cag2050/p/9184352.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!