在 TypeScript 中引入 CSS 并使用 WebPack 打包

需要用到 style-loader 和 css-loader 两个包,首先安装它们(我直接安装在工程中):

npm i --save-dev style-loader css-loader

在你的 .ts 或 .tsx 源码中引入 CSS 样式表文件:

import './css/custom.css';

修改 webpack.config.js 配置文件,增加内容如下:

module: {
    rules: [
        {
            test: /\.css$/,
            use: ['style-loader', 'css-loader']
        }
    ],
},

OK,执行打包命令:

webpack --mode production

👌

发表评论

电子邮件地址不会被公开。 必填项已用*标注