我有一个主页(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,但不知道如何处理这种混合型。
由于
答案 0 :(得分:0)
你不能使用html文件(否则我今天会学到一些东西;-))但是你可以通过ugglify你的javascript来缩小它的大小,并在重新加载到浏览器时提供更好的性能。
所以你可以做什么来开始,它是捆绑你的html文件中手动插入的一个捆绑文件中的所有javascript。你可以这样做,因为通常我们为webpack生成的包提供一个静态名称(例如bundle.js)。
希望回答你的问题?
罗曼