加載靜態jspm資源到生產index.html？

也許我錯過了一些東西，但這裏是我的問題：運行gulp dist後繼續「生產模式」，所有javascript文件捆綁ok，但在index.html中仍然有對jspm_packages文件夾的引用，還有一些JavaScript文件如下：加載靜態jspm資源到生產index.html？

<head> 
     <link rel="stylesheet" href="jspm_packages/github/twbs/[email protected]/css/bootstrap.css"/> 
     <link rel="stylesheet" href="build/css/main.css"/> 
    </head> 
    <body> 
     <script src="jspm_packages/system.js"></script> 
     <script src="config.js"></script> 
     <script> 
      System.import('build/js/main.js!jsx'); 
     </script> 
    </body>

所有這些引用是DIST文件夾，這是在gulp dist任務中創建已不再存在。

下面是從陣營在GitHub + JSPM項目之一的使用情況實例：https://github.com/tinkertrain/jspm-react

這種現象是常見的，我遇到了其中很多項目，所以也許我失去了一些東西... 應該我配置一些東西來做一些調整？也許調用另一個任務來創建我自己的「生產模式」的HTML？

乾杯

來源

2015-08-25 Ziv Levy

你必須處理您的html和替換所有這些<link>和<script>與生產的。可以說有很多方法和工具可以做到這一點，但正如你所說的，你正在使用Gulp，你可能想要檢查Gulp-html-replace。

基本上，這個想法是添加一些html註釋，指示您選擇的工具用生產的替換這些標籤。在你的情況

<head> 
    <!-- build:css --> 
    <link rel="stylesheet" href="jspm_packages/github/twbs/[email protected]/css/bootstrap.css"/> 
    <link rel="stylesheet" href="build/css/main.css"/> 
    <!-- endbuild --> 
    </head> 

    <!-- build:js --> 
    <script src="jspm_packages/system.js"></script> 
    <script src="config.js"></script> 
    <script> 
     System.import('build/js/main.js!jsx'); 
    </script> 
    <!-- endbuild -->

會產生：

<head> 
    <link rel="stylesheet" href="styles.min.css"> 
    </head> 
    <body> 
    <script src="js/bundle.min.js"></script> 
    </body>

來源

2015-08-26 14:14:07 Nobita

加載靜態jspm資源到生產index.html？

回答

相關問題