2017-11-09 6 views
7

परियोजना में कोणीय इस्तेमाल किया 2 + webpack + bootstrapwebpack पुस्तकालय (बूटस्ट्रैप) में केवल एक फ़ाइल को बदलने के

मैं बूटस्ट्रैप के लिए कस्टम विषय का उपयोग करना चाहते - ./Content साथ node_modules /../ bootstrap.css की जगह /bootstrap.min.css

मुझे लगता है कि

alias: { 
      'bootstrap/dist/css/bootstrap.css': './Content/bootstrap.min.css', 
     } 

के लिए अन्य नाम जोड़ें लेकिन त्रुटियों

Can't resolve '../fonts/glyphicons-halflings-regular.eot' in '\Content' 
@ ./Content/bootstrap.min.css 

मैं कोई फ़ाइल कैसे बदल सकते हैं लेकिन फ़ोल्डर बदल नहीं संसाधनों

उदाहरण

glyphicons-Halflings-regular.eotमें खोजा जाना चाहिए निर्भर के लिए \ node_modules नहीं सामग्री

+0

CopyWebpackPlugin, जे एस file.Try इस कोड सीएसएस लोड करने के लिए उपयोग कर सकते हैं क्यों संशोधित नहीं '/ सामग्री/बूटस्ट्रैप .min.css' और वहां पर संदर्भ को ठीक करें? –

+0

क्या आप पूरी वेबपैक कॉन्फ़िगरेशन पोस्ट कर सकते हैं? –

उत्तर

1

शायद एक अन्य उपनाम जो कहता है:

'./Content/fonts': 'node_modules/bootstrap/dist/fonts' 

थोड़ा हैकी लगता है, लेकिन शायद इसे आज़माएं।

+0

मैं कोशिश करता हूं, काम नहीं करता हूं –

1

आप

NPM स्थापित कॉपी-webpack-प्लगइन --save-देव

resolve: { 
     extensions: ['.ts', '.js'], 
     alias: { 
      Content$: path.resolve(__dirname, './Content'),   
     } 
    }, 

plugins: [ 
     new CopyWebpackPlugin([ 
      { from: 'bootstrap/dist/css/bootstrap.css', to: './Content' } 
     ]) 
] 
संबंधित मुद्दे