webpack.conf.js中的组件模块需要添加

{

        test: /\.css$/,

        use: ['style-loader', {

          loader: 'css-loader',

          options: {

            modules: {

              localIdentName: '[name]__[local]--[hash:base64:5]',

              namedExport: false

            }

          }

        }],

        include: [

          __dirname + '/src/components'

        ]

      }

css-loader 中 options:{modules: true} 可以模块化 css，防止 css 变量污染

css在ts中使用d.ts声明文件写法(同目录)：

declare const styles: {

    readonly "popup": string;

    readonly "popuTitle": string;

}

export default styles;