浏览器同步 - 从 "node_modules"目录中提供 "src"

Question

我正在通过 lite-server 使用 browsersync，并具有以下配置:

{
    "port": 8000,
    "files": [
        "./src/**/*.{html,htm,css,js}"
    ],
    "server": {
        "baseDir": "./src",
        "routes": {
            "node_modules": "../node_modules" <--- Attempt to serve node_modules
        }
    }
}

项目布局是这样的:
node_modules
src
|-app
|-index.html
|-systemjs.config.js
package.json
bs-config.json

问题是在 index.html里面任何引用 <script src="node_modules/....js">以 404 失败。

如何提供 .src 目录之外的路径？

Answer 1

正如 Edvin 提到的那样，您可以通过向 baseDir 添加一个元素来公开整个项目文件夹。

但是如果你只暴露 /node_modules 会更好使用路线:

module.exports = {
    server : {
        baseDir : './dist',
        routes : {
            '/vendor' : './node_modules'
        }
    }
}