2016-09-29 8 views
1

nodeとbrowserifyを使用すると、js依存関係をbundle.jsファイルにすべてプッシュして、それを親htmlに含めるだけで、js依存関係を簡単に管理できます。フロントエンドでCSSライブラリを管理するにはどうすればよいですか?

あなたはどうやってブートストラップのようなライブラリを管理していますか?

node_modulesにはうまくダウンロードされていますが、htmlファイルやアセットフォルダにどのように埋め込まれていますか?

node_modulesから直接参照するだけですか?タスクをコピーしますか?等?

私はcssとjsを別々にしておきたいので、私はbrowserify-cssプラグインなしでこれを行うことを望んでいました。

答えて

0

私は自分のjs/cssモジュールを含めたGulp/Gruntワークフロー設定を持っています。そして、自動的に重要な作業をすべて行います。最後には、CSSとjsファイルが1つしかありません。次に、それらをHTMLにインポートします。

gulpやgruntの作業をして、あなたが決めたフォルダ(ライブラリのダウンロード場所)の変更をチェックすることをお勧めします。変更がある場合、自動的に.cssファイルを別の作業ディレクトリにコピーします。

私はあなたが正しくしたいことを理解したいと思う。

0

私はファイル(.js、.css、.younameit)をディレクトリからhtmlにインポートするための小さなpythonスクリプトを作成しました。前

<html> 
    <head> 
    <!-- {SVN_AUTO_IMPORT type:.js; dir:../tsc_out; exclude:; template:<script src="%PATH"</script>;} --> 
    </head> 

後:

<html> 
    <head> 
    <script src="../tsc_out/script1.js"></script> 
    <script src="../tsc_out/script2.js"></script> 
    <script src="../tsc_out/script3.js"></script> 
    <script src="../tsc_out/script4.js"></script> 
    <script src="../tsc_out/script5.js"></script> 
    </head> 

https://github.com/seven-jerry/html-importer

関連する問題