前端工程师必备之----vue webpack 打包优化

使用分析工具：

    安装： 

npm install --save-dev webpack-bundle-analyzer

在webpack引入：

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

  new BundleAnalyzerPlugin({

      analyzerMode: 'server',

      analyzerHost: '127.0.0.1',

      analyzerPort: 8889,

      reportFilename: 'report.html',

      defaultSizes: 'parsed',

      openAnalyzer: true,

      generateStatsFile: false,

      statsFilename: 'stats.json',

      statsOptions: null,

      logLevel: 'info'

    }),

 

example：

   lodash

import _ from 'lodash';

 按需引入

import { cloneDeep, sortBy } from 'lodash/core';

moment.js

import moment form 'moment';

我们只能通过此调用导入日期操作代码：

import moment from 'moment/src/moment'