使用 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