简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – Verwenden Sie den Raw-Loader, um CSS-Dateien in Strings einzulesen, aber das Lesen ist nicht erfolgreich
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-19 10:11:59
0
2
616

Da die CSS-Datei importiert werden muss, wird sie in Form einer Zeichenfolge in js verarbeitet.

Bei Verwendung des Raw-Loaders zum Testen und Lesen von TXT-, CSS- und JS-Dateien ist nur das Lesen von CSS fehlgeschlagen. Bitte lösen Sie das Problem. In der CSS-Datei wird nur die Hintergrundfarbe des Körpers festgelegt.

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

Konfiguriert in webpack.base.conf.js

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen (2)
漂亮男人
漂亮男人2017-05-19 10:13:59 2 Etage

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

运行结果

Wie+0
Antwort hinzufügen
    伊谢尔伦
    伊谢尔伦2017-05-19 10:13:59 1 Etage

    楼上正解

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

    Wie+0
    Antwort hinzufügen
      Beliebte Themen
      Mehr>
      Populäre Artikel
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！