将CSS文件导入TS模块时序列化网页包操作
请参考以下问题的最低复制版本:将CSS文件导入TS模块时序列化网页包操作,css,typescript,webpack,web-component,shadow-dom,Css,Typescript,Webpack,Web Component,Shadow Dom,请参考以下问题的最低复制版本: 我希望使用webpack构建一个CSS.d.ts类型模块,我可以将其作为作用域导入web组件。以下是我的webpack.config.js文件的突出部分: module.exports = { module: { rules: [ { test: /\.css$/, use: [ 'css-modules-typescript-loader', {
我希望使用webpack构建一个CSS
.d.ts
类型模块,我可以将其作为作用域导入web组件。以下是我的webpack.config.js
文件的突出部分:
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [
'css-modules-typescript-loader',
{
loader: 'css-loader',
...,
}
]
},
...,
],
},
...,
};
运行npm run build
最初会导致以下错误:
TS2307:找不到模块'ployate/dist/ployate.css'或其相应的类型声明。
后续运行正常,因为CSS的.d.ts
类型模块文件已经构建
所以问题是TypeScript编译器试图在可用之前找到类型模块文件。在尝试编译之前,我是否可以指示webpack先完成此先决条件