React项目从Javascript到Typescript的迁移经验总结

出现这种情况是因为我们把babel删除之后，用来按需加载组件样式文件的babel插件babel-plugin-import也随着丢失了。不过typescript社区有一个babel-plugin-import的Typescript版本，叫做“ts-import-plugin”，我们先来安装一下：

yarn add ts-import-plugin -D 

这个插件需要结合ts-loader使用，所以webpack配置中需要做如下调整：

const tsImportPluginFactory = require('ts-import-plugin')  
module.exports = {  
    //省略部分代码...  
    module:{  
        rules:[{  
            test: /.tsx?$/,  
            loader: "ts-loader",  
            options: {  
                transpileOnly: true,//（可选）  
                getCustomTransformers: () => ({  
                  before: [  
                    tsImportPluginFactory({  
                        libraryDirectory: 'es',  
                        libraryName: 'antd',  
                        style: true  
                    })  
                  ]  
                })  
            }  
        }]  
    }  
    //省略部分代码...  
}  

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!