如何在开发和生产中引用不同的外部样式表（Webpack）

Question

我正在尝试使用webpack加载外部CSS文件。 （意味着它位于项目外部，不会与webpack捆绑在一起）。但是，此文件的路径应根据环境而不同。例如：

发展：

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

生产：

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

我相信我可以使用以下代码来生成样式表的路径，但是我不确定如何使用此路径链接到外部CSS。我只想生成指向样式表的URL并链接到它，我不想将其捆绑。

stylePath: process.env.NODE_ENV === 'production'
   ? 'productionpath/styles.css'
   : 'developmentpath/styles.css'