搜索

首页  >  问答  >  正文

javascript - 使用raw-loader读取css文件为字符串,读取不成功

因为需要将css文件import进来,在js中以字符串的形式处理。

使用raw-loader测试读取了txt、css、js文件,只有css读取失败,求解。css文件中只是设置了body的background-color。

import str from 'raw-loader!./style.css';
console.log('read css file-------------------------------------');
console.log(typeof str, str);

webpack.base.conf.js中已配置

曾经蜡笔没有小新曾经蜡笔没有小新2775 天前702

全部回复(2)我来回复

  • 漂亮男人

    漂亮男人2017-05-19 10:13:59

    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);

    运行结果

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:13:59

    楼上正解

    import后面跟css文件名就好了,webpack会根据文件的后缀名称自动地使用raw-loader去处理的

    回复
    0
  • 取消回复