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

• ， 4 6月 2018
• 作者 hliang
• TypeScript/JavaScript

在 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

?