生产环境使用CDN，开发环境使用本地文件

Question

这个问题可能已经有人回答过了，但我不确定我是否使用了正确的术语或搜索了正确的内容。

我想在本地开发时使用本地版本的“bootstrap css”，但是在生产环境中，我希望页面从CDN获取CSS。

我正在使用webpack打包我的前端React + Redux。在我的index.html中，我引用了bootstrap css。

我需要使用externals来在webpack中切换使用本地css进行开发和CDN进行生产吗？如果是这样，是否有任何好的示例供我参考？我不太明白我应该如何使用本地的Bootstrap版本。我需要通过npm安装它，手动下载CSS到文件夹中吗？

谢谢

- n00b

Answer 1

看到没有人回答，我来分享一下我正在使用的方法。我正在使用 CSS 模块化，我认为这是非常强大的，可以将 CSS 限定在特定的文件中。我通过在我的 webpack.config.js 文件中添加以下配置来实现这一点：

. . .
{
  test: /\.css$/,
  loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]' 
}
. . .

请参考此链接以获取更多信息：https://github.com/css-modules/webpack-demo

- n00b