如何使用webpack一次性uglify静态html和bundle js的资产?

时间:2017-06-28 09:36:13

标签: javascript reactjs webpack

我有一个主页(index.html),这是一个带有资源的静态html,用户在主页登录后,会转到第二页(home.html),这是一个反应应用

我的文件夹结构如下:

--build/
----index.html
----home.html
----home.bundle.js
----assets/
------index.css
------index.js

--src/
----static/
------index.html
------home.html
------assets/
--------homepage.css
--------homepage.js
----components/
------home.js

我想使用webpack:
1.缩小index.html的资产 2.捆绑index.js应用。

我的问题是:
1.我如何捆绑index.html的所有资产而不仅仅是uglify?这是一种更好的方法吗? 2.如何使用Webpack满足上述2个要求?我知道如何捆绑纯SPA,但不知道如何处理这种混合型。

由于

1 个答案:

答案 0 :(得分:0)

你不能使用html文件(否则我今天会学到一些东西;-))但是你可以通过ugglify你的javascript来缩小它的大小,并在重新加载到浏览器时提供更好的性能。

所以你可以做什么来开始,它是捆绑你的html文件中手动插入的一个捆绑文件中的所有javascript。你可以这样做,因为通常我们为webpack生成的包提供一个静态名称(例如bundle.js)。

希望回答你的问题?

罗曼

相关问题