denedim. Benim app.js
dosyamda bir cdn nasıl alabilirim?Kitaplıklarda CD'lerden CD'lerden nasıl aktarılır?</p> <pre><code>import 'maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'; </code></pre> <p>ama hata üretir:
cevap
, bu tür: Aşağıdaki örneğe bakın CDN'de sahip olmak :). Bu JS olsaydı, ben externals kullanmanız istedim, ancak bir CSS için, bunun yerine https://github.com/jso0/html-webpack-cdn-plugin kullanabilirsiniz.
Sen html dosyası içinde şu satırları içerebilir: Else
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
, içe aktarma talimatını içeren yerel bir stil dosyasını alabilirsiniz.
App.js
import './App.scss';
App.scss yenilgilerden amacı Sen JS içine CDN şeyler demet yapmayın
@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css';
Bu yanlış. Açıkça onu React'a aktarmaya çalıştığını söylüyor. –
İlk örneği içeren bir yerel stil sayfası alabilir. –
Bu onun sorumu değil, ama sorun değil. –
Biz, CDN kaynağı yüzden
CSS
dosyaları daha kolay olabilir verilen isimle alabilirsiniz window
nesneyi enjekte edebilir require
gibi fonksiyonu olmadan bu
const fetchJsFromCDN = (src, externals = []) => {
new Promise((resolve, reject) => {
const script = document.createElement('script')
script.setAttribute('src', src)
script.addEventListener('load',() => {
resolve(externals.map(key => {
const ext = window[key]
typeof ext === 'undefined' && console.warn(`No external named '${key}' in window`)
return ext
}))
})
script.addEventListener('error', reject)
document.body.appendChild(script)
})
}
fetchJsFromCDN('//cdn.jsdelivr.net/npm/eruda', ['eruda']).then(([eruda]) => eruda.init())
gibi bazı işlev yazabilirsiniz düşünüyorum Bu şekilde içe aktarın
Bu, javascript çalışmalarında nasıl içe aktarılıyor değil. Javascript'i HTML'nize eklemelisiniz ('' kullanarak) ve daha sonra standart içe aktarma yöntemlerini kullanarak uygulamanızda içe aktarabilirsiniz. Şuna bakın: http://stackoverflow.com/questions/34607252/es6-import-module-from-url –
@TylerSebastian Özür dilerim, oldukça yeni. Örneğim: 'import' ./App.css '; '' this.js' dosyasındaki bu deyim ve 'bootrap'ı npm ile yükledim ve yerel dizimden bootstrap almayı başarabiliyordum ve sadece düşünüyordum. app.js' dosyasındaki bir cdn'den içe aktarmanın herhangi bir yolu varsa. –
@ ShocKwav3_ Sorunuz geçerlidir. Bence Tyler, ES2015 ile aşina değil. –