javascript - 使用raw-loader讀取css檔案為字串，讀取不成功

Question

因為需要將css檔import進來，在js中以字串的形式處理。使用raw-loader測試讀取了txt、css、js文件，只有css讀取失敗，求解。 css檔案中只是設定了body的background-color。 {程式碼...} webpack.base.conf.js中...

漂亮男人 · Answer

webpack 配置

entry:{
        "case7":__dirname+'/index.js',
    },
    output:{
        path: __dirname+'/dist',
        filename:'[name].js',
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: 'raw-loader'
            }
        ]
    }

index.js中導入css檔

import txt from './file.css'
console.log(txt);

運行結果

伊谢尔伦 · Answer

樓上正解

import後面跟css檔名就好了，webpack會依照檔案的字尾名稱自動使用raw-loader去處理的