वेबपैक: आयात टाइपस्क्रिप्ट मॉड्यूल दोनों "सामान्य" और कच्चे स्ट्रिंग के रूप में

Question

वेबपैक ^v2.2.1 का उपयोग करके, मैं एक सामान्य मॉड्यूल "सामान्य" आयात करने के अलावा टेक्स्ट के रूप में टाइपस्क्रिप्ट मॉड्यूल आयात करना चाहता हूं।

मुझे लगा है कि मुझे शायद raw-loader का उपयोग करना चाहिए। लेकिन यह काम नहीं कर रहा है।

कुछ उदाहरण कोड:

import DemoComponent from './demo' 
import demoCode from 'raw-loader!./demo' 

टाइपप्रति मुझ पर तरह

error TS2307: Cannot find module 'raw-loader!./demo'. 

मैं ts-loader उपयोग कर रहा हूँ कि कुछ चिल्ला रहा है।

यहाँ मेरी webpack.config.js है:

import DemoComponent from './demo' 
const demoCode = require('!!raw-loader!./demo') 

लेकिन मुझे यकीन है कि यह कैसे सही है नहीं कर रहा हूँ:

const { resolve } = require('path') 
const fail = require('webpack-fail-plugin') 

const config = { 
    entry: './docs/index.ts', 
    output: { 
    filename: 'bundle.js', 
    path: resolve(__dirname, 'docs-build') 
    }, 
    resolve: { 
    extensions: [ '.ts', '.js' ] 
    }, 
    devtool: 'inline-source-map', 
    module: { 
    rules: [ 
     { 
     enforce: 'pre', 
     test: /\.js$/, 
     loader: 'source-map-loader' 
     }, 
     { 
     test: /\.ts$/, 
     loader: 'ts-loader' 
     }, 
     { 
     test: /\.scss$/, 
     use: [ 
      'style-loader', 
      { 
      loader: 'css-loader', 
      options: { 
       sourceMap: true 
      } 
      }, 
      'sass-loader' 
     ] 
     } 
    ] 
    }, 
    plugins: [ 
    fail 
    ] 
} 

module.exports = config 

Answer 1

ऐसा नहीं है कि निम्नलिखित काम कर रहा है लगता है। मुझे लोडर के आदेश और तंत्र के बारे में कुछ दस्तावेज मिलना अच्छा लगेगा।

इसके अलावा, मैं import कथनों का उपयोग करके, लगातार संगत होना पसंद करूंगा। लेकिन टाइपप्रति इसके बारे में शिकायत कर रहा है अगर मैं एक सीधे रूपांतरण:

import DemoComponent from './demo' 
import demoCode from '!!raw-loader!./demo' 

त्रुटि एक सरल

error TS2307: Cannot find module '!!raw-loader!./demo'.