鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ js 怎樣做到按需加載？

js 怎樣做到按需加載？

threejs 構(gòu)建場景時需要調(diào)用的js太多，怎樣按需加載？

嘗試過requirejs，但感覺不太對需求。

比如 構(gòu)建一種材質(zhì)，需要導(dǎo)入大概10+個js，但這種材質(zhì)不是最初就使用的（比如切換材質(zhì)的展示需求）
怎樣能使用時才會去加載這10+的js？

回答
編輯回答
孤慣

requirejs和 seajs都可以做到的


require(['jquery'], function ($) {
    $(function () {
        //只有用戶點擊了某個按鈕，才動態(tài)加載knockoutjs
        $("#test").click(
            function () {
                require(['knockout'], function (ko) {
                    alert(ko.version);
                });
            }
        );
    });
2018年8月13日 14:42
編輯回答
我不懂

原生js可以通過動態(tài)創(chuàng)建script標簽來實現(xiàn)按需加載。

如果你是用react可以用react-loadable這個庫來實現(xiàn)

import Loadable from 'react-loadable';
import Loading from './my-loading-component';
 
const LoadableComponent = Loadable({
  loader: () => import('./my-component'),
  loading: Loading,
});
 
export default class App extends React.Component {
  render() {
    return <LoadableComponent/>;
  }
}
2017年4月6日 05:40