webpack - CDN 用于生产，本地文件用于开发

Question

这可能以前已经回答过，但我不确定我是否使用了正确的术语或搜索正确的东西。

在进行本地开发时，我想使用本地版本的“bootstrap css”，但对于生产，我希望页面从 CDN 获取 CSS。

我正在使用 webpack 来捆绑我的前端 React + Redux。在我的 index.html 中，我引用了引导 css。

是externals我需要使用 webpack 在使用本地 css 进行开发和使用 CDN 进行生产之间切换？如果是这样，任何人都可以链接任何我可以用作引用的好例子吗？我不太明白我应该如何使用本地引导版本。我是否 npm 安装它，手动将 css 下载到文件夹中？

谢谢

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