Webpack：導入TypeScript模塊都「正常」和原始字符串

Question

使用webpack ^v2.2.1，我想導入一個TypeScript模塊作爲文本，除了導入相同的模塊「正常」。我想我可能應該使用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：

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 DemoComponent from './demo' 
const demoCode = require('!!raw-loader!./demo') 

但我不知道如何正確的，這是。我很想找到一些關於裝載機的順序和機制的文檔。

此外，我寧願一致，通過使用import聲明，而不是。但打字稿抱怨，如果我做了直轉換：

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

的錯誤是一個簡單的

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