2016-06-13 4 views
2

Об этом, вероятно, ответили ранее, но я не уверен, использую ли я правильную терминологию или искал правильную вещь.CDN для производства, локальные файлы для разработки

Я бы хотел использовать локальную версию «bootstrap css» при локальной разработке, но для производства я хотел бы, чтобы страница получила CSS из CDN.

Я использую webpack для связывания моего переднего конца React + Redux. В моем index.html у меня есть ссылка на bootstrap css.

Это externals что мне нужно использовать для webpack, чтобы переключаться между использованием локальной css для dev и CDN для prod? Если да, то может ли кто-нибудь связать любые хорошие примеры, которые я мог бы использовать для справки? Я не совсем понимаю, как я должен использовать локальную версию начальной загрузки. Могу ли я npm установить его, загрузите css вручную в папку?

Благодаря

ответ

0

не видя никого, ответил на это я отвечу с тем, что я использую. Я использую 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

Смежные вопросы