使用webpack ^v2.2.1
,我想把一个TypeScript模块作为文本导入,除了正常导入同一模块之外。
我已经想到了可能要使用raw-loader。但是它无法正常工作。
以下是一些示例代码:
import DemoComponent from './demo'
import demoCode from 'raw-loader!./demo'
TypeScript 正告诉我像这样的
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