保險絲盒 - 設置的jQuery，引導項目和ionicons

我想設置一個保險絲盒的環境中能夠捆綁JQuery的，自舉和ionicons包成兩個文件：保險絲盒 - 設置的jQuery，引導項目和ionicons

靜態/資產/js/bundle.js
靜態/資產/ CSS/bundle.css

我有兩個問題：

我的jQuery腳本不起作用。
CSSResourcePlugin不生成資源文件，因此不顯示ionicons。

我fuse.js文件設置如下：

const fuse = FuseBox.init({ 
 
    homeDir: 'src/', 
 
    output: 'static/$name.js', 
 
    plugins: [ 
 
     [ 
 
      SassPlugin({ importer: true }), 
 
      CSSResourcePlugin({ 
 
       dist: 'static/assets/resources', 
 
       resolve: f => `assets/resources/${f}` 
 
      }), 
 
      CSSPlugin({ 
 
       group: 'bundle.css', 
 
       outFile: `static/assets/css/bundle.css` 
 
      }) 
 
     ] 
 
    ], 
 
    shim: { 
 
     jquery: { 
 
      source: 'node_modules/jquery/dist/jquery.js', 
 
      exports: 'jQuery' 
 
     } 
 
    } 
 
}); 
 

 
fuse.dev({ httpServer: true, hmr: true, port: 3000 }); 
 
fuse.bundle('assets/js/bundle').instructions('>index.ts').watch().hmr(); 
 
fuse.run();

我的打字稿文件：

index.ts

import 'tether'; 
 
import 'bootstrap'; 
 
import './ts/sliders'; 
 

 
import './app.scss';

個

./ts/sliders.ts

import * as $ from 'jquery'; 
 
import 'slick-carousel'; 
 

 
$(function() { 
 
    console.log('dede'); 
 
});

我app.scss文件：

@import './scss/custom.scss'; 
 

 
@import '~bootstrap/scss/bootstrap.scss'; 
 
@import '~ionicons/dist/scss/ionicons.scss'; 
 
@import '~slick-carousel/slick/slick.scss'; 
 
@import '~slick-carousel/slick/slick-theme.scss';

整個工程可在Github上： https://github.com/jezikk/fuse-box-test

你能幫我設置一下嗎？

來源

2017-07-28 jezikk