将 node_modules 中的 js 和 css 文件包含到静态 html 页面中

Question

我的开发服务器在节点实时服务器上运行。我的产品将是 LAMP 服务器。

我有normalize.css我的 node_modules 服务器。在我的index.html我有

<link rel="stylesheet" href="/node_modules/normalize.css">
<link rel="stylesheet" href="css/styles.css">

我不希望文件链接到node_modules目录。

我想要类似的东西

<link rel="stylesheet" href="css/normalize.css">

这是可行的吗？我有很多像这样的其他 css 和 js 文件。

更新 1

让我澄清一下，这个应用程序既不是节点应用程序也不是 php 应用程序，它只有 html、css 和 js 文件。一切都在客户端运行，但是..我们希望利用最新的客户端开发工具用于 JS 和 CSS，并将最终构建上传到生产服务器。

Answer 1

有很多可能的解决方案。我可以建议使用任务运行器（gulp），它将这些静态文件复制到像dist/assets.

在你的机器上安装 gulp

npm install --save-dev gulp

gulpfile.js使用以下代码在根目录中创建一个文件。

var gulp = require('gulp');

gulp.task('default', function () {
  gulp.src('/node_modules/normalize.css')
   .pipe(gulp.dest('./dist/assets'));
});

运行一口

gulp

更新你index.html的如下

<link rel="stylesheet" href="/dist/assets/normalize.css">

请阅读Gulp的文档以获取更多信息

你也可以试试Grunt或Webpack