因為需要將css文件import進(jìn)來,在js中以字符串的形式處理。
使用raw-loader測試讀取了txt、css、js文件,只有css讀取失敗,求解。css文件中只是設(shè)置了body的background-color。
import str from 'raw-loader!./style.css';
console.log('read css file-------------------------------------');
console.log(typeof str, str);
webpack.base.conf.js中已配置
webpack 配置
entry:{
"case7":__dirname+'/index.js',
},
output:{
path: __dirname+'/dist',
filename:'[name].js',
},
module: {
rules: [
{
test: /\.css$/,
use: 'raw-loader'
}
]
}
index.js中導(dǎo)入css文件
import txt from './file.css'
console.log(txt);
運(yùn)行結(jié)果
樓上正解
import后面跟css文件名就好了,webpack會根據(jù)文件的后綴名稱自動地使用raw-loader去處理的