//应用单页应用的html模版文件，这里你可以自定义设备 

 

      template: './src/assets/template.html', 

 

    }), 

 

  ],  

查看web-webpack-plugin的文档懂得更多

分析输出结不雅

如不雅你对当前的设备输出或者构建速度不知足，webpack有一个对象叫做webpack analyze 以可视化的方法直不雅的分析构建，来进一步优化构建结不雅和速度。要应用它你须要在履行webpack的时刻带上--json --profile2个参数，这代表让webpack把构建结不雅以json输出场带上构建机能信息，应用如下：

webpack --json --profile > stats.json 

会临盆一个stats.json文件，再打开webpack analyze 上传这个文件开端分析。

最后附上这篇文┞仿所讲到的webpack整体的设备，分为开辟情况的webpack.config.js和临盆情况的webpack-dist.config.js

【编辑推荐】

1. 为什么你的Web前端工作经验不值钱？
2. Web前端常识体系精简
3. 早年端开辟者须要懂得的基本编译道理和说话常识
4. 最风行的5个前端框架比较
5. 状况决定视图——基于状况的前端开辟思虑

【义务编辑：枯木 TEL：（010）68476606】

　　推荐阅读

　　CSS进阶：试试酷炫的3D视角

写这篇文┞仿的启事是因为看到了这个页面：https://shakeduang.nuomi.com/campus/index.html?from=timeline&isappinstalled=1(移动端页面，应用模仿器不雅看)控制 control 层，进入到圆柱画面内应用 CSS3 完成的 3D >>>详细阅读

本文标题：webpack2终极优化

地址：http://www.17bianji.com/lsqh/36159.html

 1/2    1