用於生產的CDN，用於開發的本地文件

Question

以前可能已經回答了這個問題，但我不確定我是使用正確的術語還是尋找正確的東西。

我想在本地開發時使用本地版本的'bootstrap css'，但爲了生產，我希望頁面從CDN獲取CSS。

我正在使用webpack捆綁我的前端React + Redux。在我的index.html中，我引用了引導CSS。

是否需要使用externals作爲webpack在使用本地css for dev和CDN prod之間進行切換？如果有的話，誰可以鏈接任何我可以用作參考的好例子？我不太明白我應該如何使用本地引導版本。我是否npm安裝它，手動將css下載到文件夾中？

謝謝

Answer 1

看到沒有人回答它我會回答我正在使用的。我使用CSS模塊，我認爲它非常強大，並允許CSS被限定爲特定文件。

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

請參閱此鏈接更多參考：https://github.com/css-modules/webpack-demo

我在我的 webpack.config.js文件，其具有以下配置達到此