browser-sync - 浏览器同步 - 从“src”目录中提供“node_modules”

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'
        }
    }
}

Answer 2

您可以在 baseDir 配置中使用多个目录：

{
    "server": {
        "baseDir": ["./", "./src" ]
    }
}