Question

使用node和browserify可以轻松管理js依赖项，只需将其全部压缩到bundle.js文件中，并将其包含在父html中。

我想知道你们是如何管理像bootstrap这样的库？

他们下载了很好的node_modules但你怎么把它们放到你的html文件或资产文件夹中？

您是否直接从node_modules引用它们？有任务复制它们吗？等？

警告，我希望在没有browserify-css插件的情况下这样做，因为我想保持我的css和js分开。

Answer 1

我个人有一个Gulp / Grunt工作流程设置，其中我包含了我的js / css模块，然后它自动执行所有重要任务，最后我只有一个css和js文件。然后我将它们导入HTML。

我建议您为gulp或grunt创建任务，以检查您决定的文件夹中的更改（库的下载位置）。如果有更改 - 它会自动将.css文件复制到另一个工作目录。

我希望我能理解你想要的东西。

Answer 2

我创建了一个小python脚本，允许我从目录导入文件（.js，.css，.younameit）到html。

之前：

<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

如何在前端管理CSS库？

2 个答案: